Re: [css3-transitions/animations] updates to specifications

On Mon, Aug 23, 2010 at 2:16 AM, Dean Jackson <dino@apple.com> wrote:
I've updated the CSS3 Transitions and Animations editor's drafts with the following changes (as agreed on at the last CSS f2f meeting):

CSS 3 Transitions - http://dev.w3.org/csswg/css3-transitions/

- A new timing-function that allows discrete changes, called "steps". It breaks the domain of the animation into a number of equal intervals, each the same increment over the output percentage. The output value is flat along an interval. You control the number of intervals and whether or not the change in output value happens at the start or the end. There are some shorthands, step-start and step-end, which provide the common case - a single discrete change in output.

Yes! I'm so happy that this made it into the spec draft! This finally allows for sprite animations over background images, which is probably a test case you should feature in the WebKit blog, as it is a usecase that really shows off the new steps feature.

Cheers,
Paul

---------
http://paulbakaus.com
http://www.linkedin.com/in/paulbakaus

 

CSS 3 Animations - http://dev.w3.org/csswg/css3-animations/

- Incorporate the new timing function above

- A new property animation-fill-mode that allows the effects of an animation to extend before it begins (between the time the animation is applied and the starting delay) and after its duration completes (until the animation is removed). This is an extremely helpful property for authors, who otherwise would have had to set the property values for the beginning and end of animations via script.

FYI: animation-fill-mode has been implemented with the -webkit- prefix in WebKit for a few months now. It shipped in Safari 5 and iOS 4.

Dean