Voici le code qui vous permet de zoomer sur une image.

zoomsuruneimage

1) Rendez-vous maintenant dans votre Feuille de Style CSS.
2) Dirigez-vous dans Affichages > Couleurs > Feuille de Style CSS. (pour Forumactif)
3) Insérez ce code, puis Validez.

.divzoom {

transition: transform 1s ease-in-out; 

-webkit-transition: -webkit-transform 1s ease-in-out; 

-moz-transition: -moz-transform 1s ease-in-out; 

-o-transition: -o-transform 1s ease-in-out; 

-ms-transition: -ms-transform 1s ease-in-out;

}

 

.divzoom:hover{

transform: scale(2);

-moz-transform: scale(2);

-webkit-transform: scale(2)

;-o-transform: scale(2);

-ms-transform: scale(2);

}

4) Allez dans votre éditeur de texte en forme Html pour pouvoir appliquer le code.

<img class= »divzoom » width= »LARGEUR DE L’IMAGE » height= »HAUTEUR DE L’IMAGE » border= »0″  src= »LIEN_IMAGE »>

5) Il ne vous reste plus qu’à remplacer les valeurs qui sont en majuscule. Pour la largeur et la hauteur de l’image, vous pouvez par exemple indiquer la moitié de la taille de votre image, soit divisé par deux. Assurez-vous que les valeurs soit proportionnés à l’image ! Puis, mettre le lien de votre image en remplaçant LIEN_IMAGE.
6) Et c’est terminé !

© By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *