Quicktipps

Bilder zoomen bei Hover

Möchtest du deine Webseite etwas etwas mehr zur Geltung kommen lassen? Hast du Bilder die du gerne etwa mehr hervorheben lassen würdest? Dann könnte dich dieser schnelle Tipp interessieren.

Lass deine Besucher die Bilder die sie betrachten größer erscheinen. Dazu brauchst du nur einmal ein paar Zeilen Code speichern und ab sofort wird jedes Bild über das deine Besucher mit der Maus fahren automatisch gezoomt.

Den folgenden Code speicherst du dir entweder in deinem Dashboard unter Design > Customizer > Zusätzliches CSS  oder noch besser in die style.css von deinem Child Theme einfügen.

 

Die Bilder werden damit auf 110% hochskaliert. Wenn dir das zuviel oder zu wenig ist kannst du den Zoomfaktor ganz leicht anpassen indem du den Wert transform:scale( 1.10) veränderst.

Anschließend musst du nur noch deine Seite neu laden und schon werden alle Bilder über den deine Besucher mit der Maus fahren skaliert. Falls nichts passiert,  dann leer bitte deinen Cache. Jetzt sollt es problemlos gehen.

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Weitere Quicktipps

Inhalte vertikal ausrichten

Inhalte vertikal ausrichten

Du willst In Divi Inhalte vertikal ausrichten? Offiziell geht das nicht.. Mit diesem Trick schaffst du das ganz einfach

Menüschatten entfernen

Menüschatten entfernen

Stört dich die dünne Linie unter dem Menü von Divi auch? Erfahre wie du ganz einfach den Menüschatten entfernen kannst