Bonjour,

Je souhaite créer une petite animation (une div qui se déplace en tournant (changement d'angle)) grâce à JavaScript utilisant certaines propriétés CSS comme "transform".

Seulement pour que mon navigateur (Chrome) puisse l'interpréter, je dois l'utiliser précédée du préfixe -webkit-.
Et c'est là tout le problème : je ne vois connais pas l'équivalent JavaScript !

Ainsi, je ne peux pas faire (dans la div) :

this.style.webkitTransform = "rotate(45deg)";

Voilà ma principale documentation :

• http://www.w3.org/TR/css3-2d-transforms/
• http://codepunk.hardwar.org.uk/css2js.htm
• http://snook.ca/archives/html_and_css/css-text-rotation

Je vous serais reconnaissant de me donner votre avis sur ce problème (déjà cherché sur Google), parce-que c'est assez urgent (j'ai moins d'une semaine pour faire ce que je veux).

Merci d'avance pour votre aide !

EDIT : Trouvé ! http://developer.apple.com/library/saf [...] ansforms.html

Désolé du dérangement. ^^'

Juste pour les personnes qui tomberons sur ce post et qui n'ont pas envie d'aller sur le lien donné par l0lmanPH.

Il faut savoir que pour traduire une propriété CSS en javascript il suffit de mettre les lettres suivant les tirets en majuscule et de supprimer les tirets. En fait la même règle s'applique ici : -webkit-transform donnera WebkitTransform , notez la majuscule au début de la propriété.

Oui j'avais remarqué ça.
Seulement ça n'avait pas fonctionné quand je l'ai essayé la première fois...

En tout cas merci de la précision (pour les autres).