RE: [css3-animation] keyframes without animations

> 
> If you set the animation-duration to 0 there will be no movement at
> all. Because the animation "loop" will be finished in 0 second.
Hmm. That was not my expectation based on the semantics of zero duration
with transitions but you seem to be right. Zero means the animation never
starts vs. going to the last frame immediately.

A zero second completion should not result in no animation of the property
value, it should result in an immediate update i.e. by default, CSS properties
have a zero duration and take their new value as you update them.

> You said:
> "tou can set animation-duration of 0 and animation-delay of 1s on each
> frame"
> 
> How can I set animation-duration or animation-delay on each frame? The
> specification says that the "animation-timing-function" is the only
> animation related css property which can be set on keyframes:
> http://www.w3.org/TR/css3-animations/#animation-timing-function_tag


My bad, yes you're of course correct. The duration - and the other properties - 
apply to the entire animation. You will thus be unable to achieve the effect 
you want without specifying a positive duration. 

Going through these three steps in a way that is visible to the user not only
implies but requires a specific duration anyway. 

So what you want to control is the easing function i.e. you want one that updates
the property value at the very end of the frame period. I am not sure whether this 
can be specified using the cubic-bezier() function...

Received on Wednesday, 13 January 2010 23:03:06 UTC