jQuery tourner div onclick +/-90
Je me demandais si il existe un moyen facile pour faire tourner un div +90 degrés après en cliquant dessus et en cliquant sur la prochaine fois qu'il retourne à 0 degrés (de sorte que la div tourne à 90 degrés).
Puisque je ne pouvais pas trouver ce que je cherchais pour votre aide. Merci.
- Pouvez vous s'il vous plaît nous montrer ce que vous avez essayé?
- Peut-être un doublon de stackoverflow.com/questions/3020904/...
- Si le soutien de IE < 9 n'est pas un souci, il pourrait être réalisé avec de la pure CSS. Voici un démo
- vous pouvez également utiliser : stackoverflow.com/questions/37452477/...
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser toggleClass et d'appliquer le style css de transformation de cette classe:
violon
transition
Par exemple:-webkit-transition: all 1s ease;
Violon#rotate{ width: 100px; height: 100px; background: red; margin: 50px; text-align: center; -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -ms-transition: transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease; }
Vous avez besoin d'utiliser le CSS pour la rotation de la
div
. Et pour+-90
vous avez à ajouter/supprimer pour lediv
, cela peut être facilement réalisé avectoggleClass
. L'ajout de ce comportement à l'intérieur d'unclick
manifestation permettra de quelque chose comme ci-dessous.JS:
CSS:
HTML: