Question

I am using web-kit transitions in an iPad app. 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 this possible?

Answer 1

Can be done with:

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

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