Re: [css3-animation] keyframes without animations

Very smart workaround, and it's actually working.
I have a working example here (webkit based browser required):
http://nemeseri.com/cssanimation/cssanimation_3.html

The problem with your solution is that you can't set an infinite repeat and
repeating the animation cycle is very ugly (copying the keyframe
declarations in the animation property).

I think the stepwise timing functions would be the real solution to this
problem (like Simon mentioned).


2010/1/14 Dr. Olaf Hoffmann <Dr.O.Hoffmann@gmx.de>

> Did you try it with three independent animations with long durations?
> If 'from' and 'to' have the same value for a property, there should be
> no continuous change. The second and third animation can be
> delayed to use them as steps. Because CSS animations are never
> additive, the later animation simply replaces all earlier.
> If the durations are pretty long (years), this approximates a final
> frozen state.
> Well, all this is much more simpler with SVG/SMIL animation, as
> you can image. For several things this CSS animation is too simple
> and too vague - anyway with some creativity and some workarounds
> one can simulate a lot (one can note with SMIL directly), if precision,
> simplicity and elegance is not so important ...
>
>
>