Skip to content

Commit a7014f6

Browse files
committed
[css-animations-1] Tweak wording and formatting of 0s animation-duration description
Fixes w3c#4120.
1 parent ccce670 commit a7014f6

File tree

1 file changed

+21
-20
lines changed

1 file changed

+21
-20
lines changed

css-animations-1/Overview.bs

+21-20
Original file line numberDiff line numberDiff line change
@@ -509,26 +509,27 @@ The 'animation-duration' property</h3>
509509
Canonical order: per grammar
510510
</pre>
511511

512-
<dl>
513-
<dt><dfn value for=animation-duration><<time>></dfn>
514-
<dd>
515-
The <<time>> specifies the length of time that an animation takes to complete one cycle.
516-
A negative <<time>> is invalid.
517-
518-
If the <<time>> is ''0s'', like the initial value,
519-
the keyframes of the animation have no effect,
520-
but the animation itself still occurs instantaneously.
521-
Specifically, start and end events are fired; if
522-
'animation-fill-mode' is set to ''backwards'' or
523-
''both'', the first frame of the animation, as defined by
524-
'animation-direction', will be displayed during the
525-
'animation-delay'. Then the last frame of the animation,
526-
as defined by 'animation-direction', will be displayed if
527-
'animation-fill-mode' is set to ''forwards'' or ''both''. If
528-
'animation-fill-mode' is set to ''animation-fill-mode/none''
529-
then the animation has no visible effect.
530-
</dd>
531-
</dl>
512+
<dl>
513+
<dt><dfn value for=animation-duration><<time>></dfn>
514+
<dd>
515+
The <<time>> specifies the length of time that an animation takes to complete one cycle.
516+
A negative <<time>> is invalid.
517+
518+
If the <<time>> is ''0s'', like the initial value,
519+
the keyframes of the animation have no effect,
520+
but the animation itself still occurs instantaneously.
521+
Specifically, start and end events are fired;
522+
if 'animation-fill-mode' is set to ''backwards'' or ''both'',
523+
the first frame of the animation,
524+
as defined by 'animation-direction',
525+
will be displayed during the 'animation-delay'.
526+
After the 'animation-delay' the last frame of the animation,
527+
as defined by 'animation-direction',
528+
will be displayed if 'animation-fill-mode' is set to ''forwards'' or ''both''.
529+
If 'animation-fill-mode' is set to ''animation-fill-mode/none''
530+
the animation will have no visible effect.
531+
</dd>
532+
</dl>
532533

533534
<h3 id="animation-timing-function">
534535
The 'animation-timing-function' property</h3>

0 commit comments

Comments
 (0)