NEW 136697
Transform animation incorrect on online demo 
https://bugs.webkit.org/show_bug.cgi?id=136697
Summary Transform animation incorrect on online demo
Dirk Schulze
Reported 2014-09-10 01:52:53 PDT
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
Attachments
Add attachment proposed patch, testcase, etc.
Jon Lee
Comment 1 2014-09-10 12:15:41 PDT
Side note: I am seeing some incorrect positioning at .5x on some iPhones.
Simon Fraser (smfr)
Comment 2 2014-09-10 12:29:15 PDT
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.
Dirk Schulze
Comment 3 2014-09-11 05:20:52 PDT
(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.
Note You need to log in before you can comment on or make changes to this bug.