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

Fehlermeldung Persistenter Objekt Cache deaktivieren

Fehlermeldung Persistenter Objekt Cache deaktivieren

Nervt dich die Meldung „Du solltest einen persistenten Objekt-Cache verwenden“ auch? Hier erfährst du wie du sie ganz einfach los wirst. Entweder mit einer einfachen Zeile Code oder durch direkten Download meines Plugins, das ebendiesen Code für dich installiert.