left and top properties are not animated

Question

In the animation below the transform is animated correctly, but the left and top properties are not. Why is this?

Answer 1

You should copy all the code for every Browser. not just standard.

so it should contain the following stuff

-webkit-animation: animationFrames linear 0.7s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: ;

see in http://jsfiddle.net/KxM68/8/