Zoom Gallery
Verfasst: Sa 29. Okt 2022, 15:13
Mit diesen Anweisungen vergrößert sich ein Bild beim Überfahren mit der Maus.
In den Header:
In den Body:
Hier dazu eine Demoseite: Zoom-Gallery
In den Header:
Code: Alles auswählen
<style>
.zoom_img img{
margin:35px;
height:100px;
width:100px;
-moz-transition:-moz-transform 0.5s ease-in;
-webkit-transition:-webkit-transform 0.5s ease-in;
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(2);
-webkit-transform:scale(2);
-o-transform:scale(2);
}
</style>Code: Alles auswählen
<div class="zoom_img">
<img src="/xyz.jpg" title="Bild"/></div>