Wie kann man Wasserzeichen reaktionsschnell machen? ⇐ HTML

[Anonymous]

Ich verwende dieses CSS, um meinen Bildern auf meiner Website ein Wasserzeichen hinzuzufügen. Wenn es auf einen Telefonbildschirm passt, würde das Wasserzeichen-Logo fast größer aussehen, wenn ich das gesamte Thumbnail in Anspruch nehme, würde deine Unterstützung wirklich schätzen. PrettyPrint-Override ">

Code: Select all

.watermarked {
position: relative;
}

.watermarked:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-image: url("https://i.imgur.com/5GQA67n.png");
background-size: 100px 100px;
background-position: 30px 30px;
background-repeat: no-repeat;
opacity: 0.7;
}< /code>

[img]https://i.imgur.com/xDlSplX.jpeg[/img]