136697 2014-09-10 01:52:53 -0700 Transform animation incorrect on online demo 2023-08-23 04:55:46 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified NEW http://codepen.io/miukimiu/pen/DkvnA P2 Normal --- 1 krit webkit-unassigned ahmad.saleem792 dino eoconnor graouts jonlee simon.fraser zalan oldest_to_newest 1034248 0 krit 2014-09-10 01:52:53 -0700 I did not check the demo in detail yet, but WebKit is the only browsers that does not render the spinning lines on the tape correctly. http://codepen.io/miukimiu/pen/DkvnA 1034363 1 jonlee 2014-09-10 12:15:41 -0700 Side note: I am seeing some incorrect positioning at .5x on some iPhones. 1034368 2 simon.fraser 2014-09-10 12:29:15 -0700 Incorrect tick placement in the hubs is caused by use of unprefixed transform-origin. The jumpiness happens because the keyframes rotate from 0->180deg, rather than 0->360deg. I see jumpiness in Chrome too. 1034586 3 krit 2014-09-11 05:20:52 -0700 (In reply to comment #2) > Incorrect tick placement in the hubs is caused by use of unprefixed transform-origin. > > The jumpiness happens because the keyframes rotate from 0->180deg, rather than 0->360deg. I see jumpiness in Chrome too. Can confirm that it is just a problem of prefixing. However, there is a visual difference that seems to be a precision problem. Is that because of pixel rounding? I am fine with closing this bug in general.