Skip to content

Commit 4afca87

Browse files
author
Sylvain Galineau
committed
[css-animations] Restore missing animation-name prose; update Pending Resolutions list
1 parent 0e4f4af commit 4afca87

2 files changed

Lines changed: 40 additions & 4 deletions

File tree

css-animations/Overview.bs

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -363,6 +363,24 @@ Timing functions for keyframes</h3>
363363
<h3 id="animation-name">
364364
The 'animation-name' property</h3>
365365

366+
The 'animation-name' property defines a list of animations that apply. Each name is used to select
367+
the keyframe at-rule that provides the property values for the animation. If the name does not match
368+
any keyframe at-rule, there are no properties to be animated and the animation will not execute.
369+
Furthermore, if the animation name is <code>none</code> then there will be no animation. This can be
370+
used to override any animations coming from the cascade. If multiple animations are attempting to
371+
modify the same property, then the animation closest to the end of the list of names wins.
372+
373+
Each animation listed by name should have a corresponding value for the other animation properties
374+
listed below. If the lists of values for the other animation properties do not have the same length,
375+
the length of the 'animation-name' list determines the number of items in each list examined when
376+
starting animations. The lists are matched up from the first value: excess values at the end are not
377+
used. If one of the other properties doesn't have enough comma-separated values to match the number of
378+
values of 'animation-name', the UA must calculate its used value by repeating the list of values until
379+
there are enough. This truncation or repetition does not affect the computed value.
380+
381+
Note: This is analogous to the behavior of the ‘background-*’properties, with ‘background-image’ analogous
382+
to 'animation-name'.
383+
366384
<pre class='propdef'>
367385
Name: animation-name
368386
Value: <<single-animation-name>>#
@@ -1026,7 +1044,7 @@ Working Group Resolutions that are pending editing</h2>
10261044
<ul>
10271045
<li>Change the animation properties to be dynamically changeable
10281046
<li>@keyframes can be dynamically changed
1029-
<li>When you encounter duplicate animations names, last one wins.
1047+
<li><del>When you encounter duplicate animations names, last one wins.</del>
10301048
<li>Make *animations* transition *all* properties. Unless otherwise specified, discrete properties take their starting values below 50% timing function progress, and end values above 50% timing function progress.
10311049
</ul>
10321050
<li>2012-12-12 minutes and intermediate comments <del>and 2012-12-19 minutes</del>
@@ -1035,7 +1053,7 @@ Working Group Resolutions that are pending editing</h2>
10351053
<li><del>When an element changes from display:none to display: non-none, animations start immediately (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14785">Bug</a>)</del>
10361054
<li>An initially-paused animation is still started (fires start events etc.) (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14774">Bug</a>)
10371055
<li>Animations can be paused during their delay phase, which freezes the remaining delay to be applied after it unpauses (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14774">Bug</a>)
1038-
<li>animation-play-state has the same list behavior as the other animaton properties, matching the length of animation-name (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14786">Bug</a>)
1056+
<li><del>animation-play-state has the same list behavior as the other animaton properties, matching the length of animation-name (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14786">Bug</a>)</del>
10391057
</ul>
10401058
<li>2013-02-20 minutes
10411059
<ul>

css-animations/Overview.html

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -494,6 +494,24 @@ <h3 class="heading settled heading" data-level=4.1 id=timing-functions><span cla
494494
<h3 class="heading settled heading" data-level=4.2 id=animation-name><span class=secno>4.2 </span><span class=content>
495495
The <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a> property</span><a class=self-link href=#animation-name></a></h3>
496496

497+
<p> The <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a> property defines a list of animations that apply. Each name is used to select
498+
the keyframe at-rule that provides the property values for the animation. If the name does not match
499+
any keyframe at-rule, there are no properties to be animated and the animation will not execute.
500+
Furthermore, if the animation name is <code>none</code> then there will be no animation. This can be
501+
used to override any animations coming from the cascade. If multiple animations are attempting to
502+
modify the same property, then the animation closest to the end of the list of names wins.
503+
504+
<p> Each animation listed by name should have a corresponding value for the other animation properties
505+
listed below. If the lists of values for the other animation properties do not have the same length,
506+
the length of the <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a> list determines the number of items in each list examined when
507+
starting animations. The lists are matched up from the first value: excess values at the end are not
508+
used. If one of the other properties doesn’t have enough comma-separated values to match the number of
509+
values of <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a>, the UA must calculate its used value by repeating the list of values until
510+
there are enough. This truncation or repetition does not affect the computed value.
511+
512+
<p class=note> Note: This is analogous to the behavior of the ‘background-*’properties, with ‘background-image’ analogous
513+
to <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a>.
514+
497515
<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-name>animation-name<a class=self-link href=#propdef-animation-name></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-name title="<single-animation-name>">&lt;single-animation-name&gt;</a>#<tr><th>Initial:<td>none<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>none<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
498516
<p> <dfn class=css-code data-dfn-type=type data-export="" id=typedef-single-animation-name>&lt;single-animation-name&gt;<a class=self-link href=#typedef-single-animation-name></a></dfn> = none | <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a>
499517

@@ -1041,7 +1059,7 @@ <h2 class="heading settled heading" data-level=8 id=wg-resolutions-pending><span
10411059
<ul>
10421060
<li>Change the animation properties to be dynamically changeable
10431061
<li>@keyframes can be dynamically changed
1044-
<li>When you encounter duplicate animations names, last one wins.
1062+
<li><del>When you encounter duplicate animations names, last one wins.</del>
10451063
<li>Make *animations* transition *all* properties. Unless otherwise specified, discrete properties take their starting values below 50% timing function progress, and end values above 50% timing function progress.
10461064
</ul>
10471065
<li>2012-12-12 minutes and intermediate comments <del>and 2012-12-19 minutes</del>
@@ -1050,7 +1068,7 @@ <h2 class="heading settled heading" data-level=8 id=wg-resolutions-pending><span
10501068
<li><del>When an element changes from display:none to display: non-none, animations start immediately (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14785">Bug</a>)</del>
10511069
<li>An initially-paused animation is still started (fires start events etc.) (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14774">Bug</a>)
10521070
<li>Animations can be paused during their delay phase, which freezes the remaining delay to be applied after it unpauses (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14774">Bug</a>)
1053-
<li>animation-play-state has the same list behavior as the other animaton properties, matching the length of animation-name (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14786">Bug</a>)
1071+
<li><del>animation-play-state has the same list behavior as the other animaton properties, matching the length of animation-name (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=14786">Bug</a>)</del>
10541072
</ul>
10551073
<li>2013-02-20 minutes
10561074
<ul>

0 commit comments

Comments
 (0)