Je ne sais pas si c'est possible mais je ne sais rien à ce sujet, alors j'ai décidé de demander. est-il possible de faire pivoter un div sur x, y, z axises en utilisant la bibliothèque javascipt comme Jquery? ou quelque chose comme ça?est-il possible de faire pivoter un div sur x, y, z axises?
Merci
Vous pouvez positionner par x et y (left et top propriétés en CSS). Vous devrez avoir position: absolute ou autre chose que statique.
Vous pouvez également modifier l'ordre z (hauteur d'empilage). Fonctionne également en conjonction avec quelque chose en plus de position: static (qui est par défaut).
Cependant, avec CSS3, vous pouvez faire pivoter une div.
#my-div {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
Il existe un addon jQuery à faire pivoter (en utilisant la transformation décrite dans l'autre réponse), mais cela ne fonctionne pas pour IE. Si vous êtes intéressé, vérifiez here.
Si vous souhaitez faire pivoter une image, this plugin fonctionnera pour tous les navigateurs.
AFAIK, no. Il n'y a rien que je sache qui puisse atteindre cela pour l'instant. Pour simuler une rotation 3D, l'approche la plus proche consiste à le faire via des bibliothèques de manipulation de canvas javascript. Il m'est arrivé de trouver un Javascript 3D renderer l'autre jour. Vérifiez si vous êtes intéressé. Cependant, sachez que même avec le Canvas 3d JS Library disponible, nous ne pourrons pas faire un div (en dehors du canevas) pour tourner en 3D.
cette rotation juste le div sur l'axe Y, X, sur ce que l'axe Z? – trrrrrrm
Vous voulez dire tourner dans la page? Comme le biaiser? Peut-être besoin d'utiliser Canvas pour ça. – alex
non, rotation 3D sur l'axe X – trrrrrrm