par

Comment puis-je faire pour faire pivoter une image sur une page Web, en HTML, JavaScript, ou avec une autre langage ?

1 Réponse

+1 vote
par

Faire pivoter une image sur une page Web est possible avec l'utilisation de code CSS, pour créer une classe de rotation, que vous pouvez ensuite utiliser avec la balise image, pour faire pivoter l'image sur la page.

Le code CSS doit inclure le code de transformation pour chaque navigateur Internet majeur, de sorte que l'image pivote dans tous les navigateurs.

.rotation90 {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
 }

Une fois que le code CSS a été appliqué à votre fichier .css ou à votre feuille de style, vous pouvez utiliser le nom de la classe CSS dans l'un de vos tags d'image comme indiqué dans le code ci-dessous.

<img src="image.jpg" width="200" height="200" class="rotation90">

Astuce: Pour faire pivoter une image d'une autre mesure de degrés, changez le 90 dans le code CSS et la balise image au degré que vous désirez.

Remarque : Vous pouvez également utiliser jQueryRotate pour faire pivoter une image avec jQuery.

Tendances

Questions liées

2 réponses
posée par anonyme 15-Mars-2019
1 réponse
posée par anonyme 24-Septembre-2018
1 réponse
posée par mariamabailodiallo 28-Février-2019
1 réponse
posée par anonyme 02-Janvier-2018

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...