Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120841 Elargissement d'image | | Sympa comme petit astuce, avec du CSS et du Code Html Transition au survol : partie 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); }
Transition au survol : partie html, ce code est mettre dans le message sur un forum - Code:
-
<div class=zoom> <div class=image> <img src=img.jpg alt=Text de remplacement/> </div> </div>
Dernière édition par Ptite_Perle le Ven 15 Déc 2017 - 20:45, édité 2 fois |
| |
RectangletopsMessages : 226 Venue : 27/03/2011 Je suis : Age : 70 Je vie à : Belgique Humeur : Bonne souvent. Mes Points : 96226 Re: Elargissement d'image | | A quoi cela sert-il, des exemples svp |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120841 Re: Elargissement d'image | | Coucou
Ce script sert à agrandir une image en passant la souris dessus
Amicalement
|
| |
RectangletopsMessages : 226 Venue : 27/03/2011 Je suis : Age : 70 Je vie à : Belgique Humeur : Bonne souvent. Mes Points : 96226 Re: Elargissement d'image | | |
| |