With webkit prefix, animation name could be an arbitrary string

[upsuper]

For example, the following code works in WebKit and Blink:

@-webkit-keyframes 'a b' {
  from { background: blue; }
  to { background: green; }
}
div {
  -webkit-animation: 'a b' 2s alternate infinite;
}

and the following code works in WebKit but not Blink:

@keyframes 'a b' {
  from { background: blue; }
  to { background: green; }
}
div {
  animation: 'a b' 2s alternate infinite;
}

Not sure whether it should be an issue for the Compat spec or the CSS Animation spec.

I actually see usage similiar to the first example in this website: http://nipponcolors.com/

[miketaylr]

Just so I'm up to speed, CSS Animations has the following to say about keyframes names:

A @Keyframes
rule consists of the keyword "@Keyframes", followed by an identifier giving a name for the animation (which will be referenced using animation-name)

Here's the grammar:

keyframes_rule: KEYFRAMES_SYM S+ IDENT S* '{' S* keyframes_blocks '}' S*;

animation-name is defined to take a <single-animation-name> which is either none or <custom-ident>. That's defined here: https://drafts.csswg.org/css-values-3/#identifier-value

[miketaylr]

My sense is that this should probably be defined, ideally in the Animations spec but we can do it here.

[upsuper]

CSSWG has accepted w3c/csswg-drafts#118. I think we can close this issue now.

[miketaylr]

Cool!