Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
de:create:images [08.11.2024 15:22] – [Zoom-Funktion] adminde:create:images [26.11.2025 13:43] (aktuell) – [Zoom-Funktion] admin
Zeile 204: Zeile 204:
 a.s2zoom:hover img, a.s2zoom:hover img,
 img.s2zoom:hover { img.s2zoom:hover {
 +    transform: scale(1.6);
 +    box-shadow: -0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.4);
 +}
 +</code>
 +
 +Oder falls das Bild nur auf einen Klick und nicht auf die Mausberührung reagieren soll:
 +
 +<code css>
 +a.s2zoom img,
 +img.s2zoom {
 +    transition: transform .2s;
 +}
 +a.s2zoom:focus img {
     transform: scale(1.6);     transform: scale(1.6);
     box-shadow: -0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.4);     box-shadow: -0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.4);
 } }
 </code> </code>
de/create/images.1731075764.txt.gz · Zuletzt geändert: von admin
 
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki