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

Zoomen auf dem Handy

Zoomen auf dem Handy

Einer der wenigen Nachteile von Divi besteht darin, dass Benutzer auf Mobilgeräten nicht in Texte oder Bilder hineinzoomen können. Hier erfährst du wie du das Zommen auf dem Handy oder Tablett dennoch schnell und einfach möglich machst