@@ -445,12 +445,12 @@ Declaring Animations</h2>
445445<h3 id="animation-name">
446446The 'animation-name' property</h3>
447447
448- The 'animation-name' property defines a list of animations that apply. Each name is used to select
449- the keyframe at-rule that provides the property values for the animation. If the name does not match
450- any keyframe at-rule, there are no properties to be animated and the animation will not execute.
451- Furthermore, if the animation name is <code> none</code> then there will be no animation. This can be
452- used to override any animations coming from the cascade. If multiple animations are attempting to
453- modify the same property, then the animation closest to the end of the list of names wins.
448+ The 'animation-name' property defines a list of animations that apply. Each name is used to select
449+ the keyframe at-rule that provides the property values for the animation. If the name does not match
450+ any keyframe at-rule, there are no properties to be animated and the animation will not execute.
451+ Furthermore, if the animation name is <code> none</code> then there will be no animation. This can be
452+ used to override any animations coming from the cascade. If multiple animations are attempting to
453+ modify the same property, then the animation closest to the end of the list of names wins.
454454
455455 Each animation listed by name should have a corresponding value for the other animation properties
456456 listed below. If the lists of values for the other animation properties do not have the same length,
@@ -507,27 +507,26 @@ The 'animation-duration' property</h3>
507507 Canonical order : per grammar
508508 </pre>
509509
510- <dl>
511- <dt> <dfn value for=animation-duration><<time [0s,∞]>></dfn>
512- <dd>
513- The <<time>> specifies the length of time that an animation takes to complete one cycle.
514- A negative <<time>> is invalid.
515-
516- If the <<time>> is ''0s'' , like the initial value,
517- the keyframes of the animation have no effect,
518- but the animation itself still occurs instantaneously.
519- Specifically, start and end events are fired;
520- if 'animation-fill-mode' is set to ''backwards'' or ''both'' ,
521- the first frame of the animation,
522- as defined by 'animation-direction' ,
523- will be displayed during the 'animation-delay' .
524- After the 'animation-delay' the last frame of the animation,
525- as defined by 'animation-direction' ,
526- will be displayed if 'animation-fill-mode' is set to ''forwards'' or ''both'' .
527- If 'animation-fill-mode' is set to ''animation-fill-mode/none''
528- the animation will have no visible effect.
529-
530- </dl>
510+ <dl dfn-value dfn-for=animation-duration>
511+ <dt> <dfn ><<time [0s,∞]>></dfn>
512+ <dd>
513+ Specifies the length of time that an animation takes to complete one cycle.
514+ A negative <<time>> is invalid.
515+
516+ If the <<time>> is ''0s'' , like the initial value,
517+ the keyframes of the animation have no effect,
518+ but the animation itself still occurs instantaneously.
519+ Specifically, start and end events are fired;
520+ if 'animation-fill-mode' is set to ''backwards'' or ''both'' ,
521+ the first frame of the animation,
522+ as defined by 'animation-direction' ,
523+ will be displayed during the 'animation-delay' .
524+ After the 'animation-delay' the last frame of the animation,
525+ as defined by 'animation-direction' ,
526+ will be displayed if 'animation-fill-mode' is set to ''forwards'' or ''both'' .
527+ If 'animation-fill-mode' is set to ''animation-fill-mode/none''
528+ the animation will have no visible effect.
529+ </dl>
531530
532531<h3 id="animation-timing-function">
533532The 'animation-timing-function' property</h3>
0 commit comments