Skip to content

Commit 79962e4

Browse files
author
Sylvain Galineau
committed
[css-animations] Clarify handling of animation-iteration-count:0
1 parent 9c57304 commit 79962e4

2 files changed

Lines changed: 476 additions & 498 deletions

File tree

css-animations/Overview.bs

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -513,14 +513,21 @@ The 'animation-iteration-count' property</h3>
513513

514514
<dt><dfn><<number>></dfn>
515515
<dd>
516-
The animation will repeat the specified number of times.
516+
<p>The animation will repeat the specified number of times.
517517
If the number is not an integer,
518518
the animation will end partway through its last cycle.
519-
Negative numbers are invalid.
520-
521-
A value of ''0'' is valid and,
522-
similar to an 'animation-duration' of ''0s'',
523-
causes the animation to occur instantaneously.
519+
Negative numbers are invalid.
520+
521+
<p>A value of ''0'' is valid and, similar to an 'animation-duration'
522+
of ''0s'', causes the animation to occur instantaneously.
523+
Specifically, if 'animation-fill-mode' is set to ''backwards'' or
524+
''both'', the first frame of the animation, as defined by
525+
'animation-direction', will be displayed during the
526+
'animation-delay'. Then the last frame of the animation,
527+
as defined by 'animation-direction', will be displayed if
528+
'animation-fill-mode' is set to ''forwards'' or ''both''.
529+
If 'animation-fill-mode' is set to ''animation-fill-mode/none'' then the animation has
530+
no effect though animation events still fire.
524531
</dl>
525532

526533

0 commit comments

Comments
 (0)