Skip to content

Commit a647e58

Browse files
committed
[css-animations] Allow strings for @Keyframes name and animation-name
1 parent ee2917b commit a647e58

2 files changed

Lines changed: 552 additions & 176 deletions

File tree

css-animations/Overview.bs

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -215,7 +215,7 @@ Keyframes</h2>
215215
the animation may iterate zero or more times.
216216

217217
Keyframes are specified using a specialized CSS at-rule. A <dfn>@keyframes</dfn> rule consists of the
218-
keyword "@keyframes", followed by an identifier giving a name for the animation (which will
218+
keyword "@keyframes", followed by either an identifier or a string giving a name for the animation (which will
219219
be referenced using 'animation-name'), followed by a set of style rules (delimited by curly
220220
braces).
221221

@@ -438,7 +438,7 @@ The 'animation-name' property</h3>
438438
Canonical order: per grammar
439439
</pre>
440440

441-
<dfn>&lt;single-animation-name></dfn> = none | <<custom-ident>>
441+
<dfn>&lt;single-animation-name></dfn> = none | <<custom-ident>> | <<string>>
442442

443443
The values of 'animation-name' have the following meanings:
444444

@@ -451,10 +451,16 @@ The 'animation-name' property</h3>
451451
<dt><dfn><<custom-ident>></dfn>
452452
<dd>
453453
The animation will use the keyframes with the name specified by the <<custom-ident>>,
454-
if they exist.If no such keyframes exist, there is no animation.
454+
if they exist. If no such keyframes exist, there is no animation.
455455

456456
The <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a>
457457
and keywords defined by this property are not valid animation names.
458+
<dt><dfn><<string>></dfn>
459+
<dd>
460+
The animation will use the keyframes with the name specified by the
461+
<<string>>, if they exist. If no such keyframes exist, there is no
462+
animation.
463+
</dd>
458464
</dl>
459465

460466
<h3 id="animation-duration">

0 commit comments

Comments
 (0)