PDA

View Full Version : [FIXED] CSS animations rely on unspecified behavior



smfr
26 Oct 2010, 9:21 PM
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.

mmullany
27 Oct 2010, 9:13 AM
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.