Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen RevisionVorhergehende Überarbeitung | |||
| de:create:images [08.11.2024 15:22] – [Zoom-Funktion] admin | de:create:images [26.11.2025 13:43] (aktuell) – [Zoom-Funktion] admin | ||
|---|---|---|---|
| Zeile 204: | Zeile 204: | ||
| a.s2zoom: | a.s2zoom: | ||
| img.s2zoom: | img.s2zoom: | ||
| + | transform: scale(1.6); | ||
| + | box-shadow: -0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.4); | ||
| + | } | ||
| + | </ | ||
| + | |||
| + | 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: | ||
| 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); | ||
| } | } | ||
| </ | </ | ||