You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p> If the <aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#time-valuetitle="<time>"><time></a> is <spanclass=cssdata-link-type=maybetitle=0s>0s</span>, like the initial value,
543
543
the keyframes of the animation have no effect,
544
544
but the animation itself still occurs instantaneously.
545
-
That is, <aclass=propertydata-link-type=propdeschref=#propdef-animation-fill-modetitle=animation-fill-mode>animation-fill-mode</a> applies as normal,
546
-
filling backwards or forwards as appropriate.
547
-
548
-
<pclass=issueid=issue-1275c8d8><aclass=self-linkhref=#issue-1275c8d8></a>Do animation events fire when the duration is 0s?
545
+
That is, <aclass=propertydata-link-type=propdeschref=#propdef-animation-fill-modetitle=animation-fill-mode>animation-fill-mode</a> applies as normal,
a single animation. Therefore an event will be generated for each <aclass=propertydata-link-type=propdeschref=#propdef-animation-nametitle=animation-name>animation-name</a> value and
806
805
not necessarily for each property being animated.
807
806
808
-
<p> Any animation for which both a valid keyframe rule and a non-zero duration are defined will run
807
+
<p> Any animation for which a valid keyframe rule is defined will run
809
808
and generate events; this includes animations with empty keyframe rules.
810
809
811
-
<pclass=issueid=issue-f9dd28a4><aclass=self-linkhref=#issue-f9dd28a4></a>Clarify whether 0s animations fire start/end events or not.
812
-
813
810
<p> The time the animation has been running is sent with each event generated. This allows the event
814
811
handler to determine the current iteration of a looping animation or the current position of an
815
812
alternating animation. This time does not include any time the animation was in the <aclass=cssdata-link-type=maybehref=#valuedef-pausedtitle=paused>paused</a>
<tr><thscope=row><adata-property="">animation</a><td><single-animation>#<td>see individual properties<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>interactive<td>no<td>per grammar<td>As specified</table></div>
1344
1341
1345
1342
1346
-
</ul><h2class="no-num heading settled" id=issues-index><spanclass=content>Issues Index</span><aclass=self-linkhref=#issues-index></a></h2><divstyle="counter-reset: issue"><divclass=issue>Do animation events fire when the duration is 0s?
1347
-
<ahref=#issue-1275c8d8> ↵ </a></div><divclass=issue>If similar to animation-duration:0s, also relates to whether
1343
+
</ul><h2class="no-num heading settled" id=issues-index><spanclass=content>Issues Index</span><aclass=self-linkhref=#issues-index></a></h2><divstyle="counter-reset: issue"><divclass=issue>If similar to animation-duration:0s, also relates to whether
1348
1344
animation events fire?
1349
-
<ahref=#issue-ef1c522a> ↵ </a></div><divclass=issue>Clarify whether 0s animations fire start/end events or not.
0 commit comments