Comment configurer la propriété -moz-transition à partir de JavaScript?

Je veux mettre en œuvre

-moz-transition: text-shadow 0.25s ease-in-out,font-size 0.25s ease-in-out; 

Propriété via JavaScript. Quelle est la syntaxe pour cela?

En version brute, JavaScript est:

 document.getElementById("yourElem").style.MozTransition = "text-shadow 0.25s ease-in-out,font-size 0.25s ease-in-out"; 

Remarque: Un trait d'union précédent provoque une lettre majuscule en JavaScript: -moz => Moz

Utilisez element.style.MozTransition = "text-shadow 0.25s ease-in-out,font-size 0.25s ease-in-out" . Un exemple: http://jsfiddle.net/m9Hpc/3/

Il existe encore une autre façon de le faire qui pourrait être utile dans certains cas:

 var vendor = detectVendor(); // or hardcode the string "-moz-" element.style[vendor + "transition"] = "text-shadow 0.25s ease-in-out,font-size 0.25s ease-in-out"