■

css3とJavaScriptでのwebkit比較

・CSS書き方

-webkit-animation-name: アニメーション名;
-webkit-animation-duration: アニメーションの秒数（s）;
-webkit-animation-delay: アニメーション待ち秒数(s);
-webkit-animation-fill-mode:止める位置？ （both、forward、backwards、none）;
-webkit-animation-iteration-count: 回数;
-webkit-transform: translate3d(56px, 212px, 0px) scale3d(1, 1, 1) rotate(-2deg);
-webkit-transition-duration: 1s;
-webkit-transition-property: 動きを制御
opacity: 透明度（0が透明100が完全）;

・JavaScript

var element= document.getElementById("IDの番号");
element.style.webkitAnimationName = "アニメーション名";
element.style.webkitAnimationDuration = アニメーションの秒数（s）;
// だめ　→ element.style.webkitAnimationDelay= 0s;
element.style.webkitAnimationDelay= ''; // 空文字で
element.style.webkitAnimationIterationCount = 回数;
element.style.webkitTransform = "translate3d(56px, 212px, 0px) scale3d(1, 1, 1) rotate(-2deg)";
element.style.webkitTransitionDuration = '1s';
element.style.webkitTransitionProperty = ''（left、background-color）;
element.style.style.opacity = 1;

webkitAnimationDurationは='0s'でバグる時があるので''がいいかも？