Success! Looks like we've fixed this one. According to our records the fix was applied for
ANIM-472
in
a recent build.
-
Ext User
CSS animations rely on unspecified behavior
Some of the Sencha Animator demos look wrong in recent WebKit nightly builds. For example, in http://dev.sencha.com/animator/demos/pageflip/, the pages look semi-transparent during the entire page turn animation.
I think the animations are relying on behavior that was changed as a result of fixing this bug:
https://bugs.webkit.org/show_bug.cgi?id=40794
I see animations with opacity: 0 for only the first few keyframes (say 0% and 10%) ,and none of the later ones. What WebKit used to do is animate opacity from 0 to 1 from the 10% to the next keyframe. After that bug was fixed, opacity now animates from 0 at 10% to 1 at the 100% keyframe.
To work around this behavior change, you should supply a value for opacity in every keyframe.
-
Sencha User
That's a bug in Animator
smfr, this is actually a bug in Animator that we just found, it's adding an extra opacity setting that's being ignored by Safari but webkit/chrome is trying to accomodate it.