Das wird auf dieser Website durch CSS gesteuert:
.scale img:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.scale img {
max-width: 105%;
}
.scale img {
transition: all .2s ease-in-out;
overflow: hidden;
}
Alle Bilder in einem <div class="scale"> erhalten beim Überfahren die Pseudoklasse :hover, die auf 105% skaliert wird. Die Anzeige selber ändert sich nicht, weil überlappende Bereiche mit overflow: hidden versteckt werden.
Ähnliches CSS kannst du per Simple Custom CSS einfügen.
Thread-Starter
vexit
(@vexit)
Hallo, danke für deine Antwort. Da ich noch sehr Jung bin und auch neu in diesem bereich bin, habe ich leider keine Ahnung wie man das mit simple css einstellen kann. Wenn du mir da behilflich sein könntest, wäre ich dir sehr dankbar.
Wobei soll ich dir behilflich sein? Das Plugin zu installieren? Hast du dir das Plugin denn mal angeschaut?
Wir leisten hier gerne Hilfe zur Selbsthilfe – unentgeltlich, freiwillig, meistens in unserer eigenen Freizeit. Wir liefern aber keine fertige Lösung, sondern erwarten, dass Anwender sich vor allem selbst mit ihrer Frage auseinandersetzen und versuchen, mit den Gedankenanstößen, die wir geben, zu einer eigenen Lösung zu kommen.
Wenn du dich mit Cascading Style Sheets nicht auskennst, schau dir doch mal einen Einführungskurs an, z.B.
https://developer.mozilla.org/de/docs/Web/Guide/CSS/Getting_started
