javascript中的webkit转换语法？

Question

我在这里寻找webkitTransition对象引用

 function spawnAnimation(what){
    //sets the moving element
    var moveingEl = document.getElementById(what);
    //gives temp transition property
    moveingEl.style.WebkitTransition = "left 2s";
   // moveingEl.style.webkitTransition = "top 500ms";

   var cLeft = moveingEl.style.left
   var cleft = Number(cLeft.slice(0, -2));

    var cTop = moveingEl.style.top
   var cTop = Number(cTop.slice(0, -2));

   moveingEl.style.left = cLeft+200 + "px";

}

这不起作用.我想给元素一个过渡属性,然后让它向右移动.调用此代码时,它会立即向右移动而不显示动画.糟糕:(.我不想在CSS中预定义它,我想动态添加它然后删除它.

Answer 1

使用style.setProperty.

moveingEl.style.setProperty("-webkit-transition", "left 5s linear");

moveingEl.style.setProperty("left", "200px");

http://jsfiddle.net/7b4VZ/3/