Changing webkit transition duration using javascript on iPad?

Question

I use transitions with web sets in the iPad application. They work great. But I was wondering what I would do to change the values ​​of my transition using javascript.

#container { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-out; } 

What I would like to do:

 <script> function func() { document.getElemeentById('container').transition.duration = 500; } </script> 

Is it possible?

Answer 1

Can be done with:

 document.getElementById('container').style['-webkit-transition-duration'] = '500s'; 

See http://jsfiddle.net/z3bKD/2/ .

Answer 2

Jakub's answer was good, but to update it, you can now set the transition duration directly as the transitionDuration property for the style element. Tested and working on iOS Safari, OSX Safari, Chrome and Firefox. eg.

 document.getElementById('container').style.transitionDuration = '500s'; 

See http://jsfiddle.net/jkoudys/xa2oo1us/