-webkit-transition-property
-webkit-transition-duration
-webkit-transition-timing-function
-webkit-transition-delay
-webkit-transition-timing-function: ease-in-out
-webkit-transition
-webkit-transform
translate3d
rotate
-webkit-transform: translate(100px, 0) rotate(45deg);
top
left
translate(x, y)
card.style.WebkitTransform =
‘translate3d(-700px, 0, 0) rotate(5deg)’;
window.setTimeout(function() { card.style.WebkitTransition = ‘-webkit-transform 300ms ease-in-out’; card.style.WebkitTransform = ‘translate3d(0, 0, 0) rotate(5deg)’; }, 0);
element.addEventListener(‘webkitTransitionEnd’, listener, false);
card.style.WebkitTransform = ‘translate3d(-700px, 0, 0) rotate(5deg)’;
translated3d(-350px, 0, 0) rotate(5deg).
translate3d(-700px, 0, 0) rotate(5deg).
