Modification de la durée de la transition webkit en utilisant javascript sur iPad?

Question

J'utilise des transitions de kit Web dans une application iPad. Ils fonctionnent très bien. Mais je me demandais ce que je ferais pour changer les valeurs de ma transition en utilisant javascript.

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

Ce que je voudrais faire:

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

    } 
</script> 

Est-ce possible?

Answer 1

peut se faire avec:

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

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

Answer 2

La réponse de Jakub était bonne, mais pour la mettre à jour, vous pouvez maintenant définir la durée de transition directement en tant que propriété transitionDuration sur un élément style. Testé et travaillé sur iOS Safari, OSX Safari, Chrome et Firefox. par exemple.

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

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