How to set -moz-transition property from within JavaScript?

Question

I want to implement

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

property through JavaScript. What is the syntax for that?

Answer 1

In raw JavaScript it's:

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

Note: A preceding hyphen causes an uppercase letter in JavaScript: -moz => Moz

Answer 2

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