Dynamic height and webkit-transition

I use CSS3 to animate my page, but I have a problem with a composant : the height of this开发者_开发技巧 one is calculated in Javascript (Dojo), and is applied with the function dojo.style(mycomposant,calculatedHeight). I've set the following css property to this composant : "-webkit-tansition: height 5s linear", but because I applied the property by javascript, the transition is not used...

Has anybody a solution ?

Nicolas

---

It should work. please use: -webkit-transition: height 0.5s ease-in-out;