Скорость переходов CSS3 во время выполнения

Question

Я использую переходы CSS3, и мне интересно, если однажды анимация началась с:

-webkit-transform: translate3d(-100%, 0, 0);

Можно ли как-то увеличить скорость, которая была предварительно установлена ​​с помощью:

-webkit-transition: all 10s linear;

Я хочу, чтобы скорость была 2с с использованием jQuery.

Answer 1

Похоже, вы можете с this.style["-webkit-transition"]

http://jsfiddle.net/X5shh/

HTML

<div class="one"></div>

CSS

.one
{
    -webkit-transition: all 10s linear;
    width:200px;
    height:20px;
    background:green;
}
.two
{
    -webkit-transform: translate3d(100%, 0, 0);
}

JQuery

$("div").click(function(){
    $(this).toggleClass("two");
    this.style["-webkit-transition"] = "all 2s linear"
});

EDIT

или

this.style["-webkit-transition-duration"] = "2s";