Compare Revisions

Using CSS animations

Revision 351843:

Revision 351843 by teoli on

Revision 364097:

Revision 364097 by bmorearty on

Title:
Using CSS animations
Using CSS animations
Slug:
CSS/Tutorials/Using_CSS_animations
CSS/Tutorials/Using_CSS_animations
Tags:
"css","CSS3","CSS Reference","animations","css3-animations"
"css","CSS3","CSS Reference","animations","css3-animations"
Content:

Revision 351843
Revision 364097
t87      Since the timing of the animation is defined in the CSS&nbst87      Since the timing of the animation is defined in the CSS&nbs
>p;style that configures the animation, keyframes use a {{ cssxref>p;style that configures the animation, keyframes use a {{ cssxref
>("percentage") }} to indicate the time during the animation seque>("percentage") }} to indicate the time during the animation seque
>nce at which they take place. 0% indicates the first moment of th>nce at which they take place. 0% indicates the first moment of th
>e animation sequence, while 100% indicates the final state of the>e animation sequence, while 100% indicates the final state of the
> animation. These two times must be specified so that the browser> animation. Because these two times are so important, they have s
> knows where the animation should start and finish; because they'>pecial aliases: <code>from</code> and <code>to</code>. Both are o
>re so important, these two times have special aliases: <code>from>ptional. If <code>from</code>/<code>0%</code> or <code>to</code>/
></code> and <code>to</code>.><code>100%</code> is not specified, the browser starts or finishe
 >s the animation using the computed values of all attributes.

Back to History