Zoom Gallery

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Zoom Gallery

Beitrag von Hape »

Mit diesen Anweisungen vergrößert sich ein Bild beim Überfahren mit der Maus.
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>
In den Body:

Code: Alles auswählen

<div class="zoom_img">
<img src="/xyz.jpg" title="Bild"/></div>
Hier dazu eine Demoseite: Zoom-Gallery

Antworten