Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5857 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120057 Zoom sur image | | Coucou Un zoom sur une image HTML: - Code:
-
<div class=zoom> <div class=image> <img src=URL DE TON IMAGE /> </div> </div> CSS: - Code:
-
.zoom { width: 320px; height: 240px; } .image { width: 100%; height: 100%; } .image img { /* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */ -webkit-transition: all 1s ease; /* Safari et Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* Internet Explorer 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; } .image:hover img { /* L'image est grossie de 25% */ -webkit-transform:scale(1.25); /* Safari et Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* Internet Explorer 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25); } |
| |