¿Cambia la duración de la transición de webkit usando javascript en iPad?

Question

Estoy usando transiciones de kit web en una aplicación de iPad. Funcionan muy bien. Pero me preguntaba qué haría para cambiar los valores de mi transición mediante javascript.

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

Lo que me gusta hacer:

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

    } 
</script> 

es esto posible?

Answer 1

se puede hacer con:

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

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

Answer 2

La respuesta de Jakub fue buena, pero para actualizarla, ahora puede establecer la duración de la transición directamente como la propiedad transitionDuration en el elemento style. Probado y trabajando en iOS Safari, OSX Safari, Chrome y Firefox. p.ej.

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

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