[css-cascade] What happens when you animate the all property?

[FremyCompany]

[EDIT] See fixed test case here http://jsbin.com/dapiqopiqa/edit?html,css,output
(this works in Firefox but not Chrome)

Right now it doesn't work in any browser. Is that a bug? Should we spec it that way? (just curious)

https://wptest.center/#/hku8b7

div {
	color: red;
	animation: x 3s infinite alternate;
}
@keyframes x {
	to {
		all: initial !important; /*color:black*/
		font-weight: bold;
		background: yellow;
	}
}

[tabatkins]

It's a bug. A bunch of properties initial values won't be animatable, but color certainly is (if you use color: initial instead, it works fine). all is just an uber-shorthand, so it should work as well as any other shorthand property.

(Btw, !important in a @keyframes makes that declaration invalid, per spec.)

[FremyCompany]

Thanks, I filed issues for Chrome and Firefox.

https://bugs.chromium.org/p/chromium/issues/detail?id=736988
https://bugzilla.mozilla.org/show_bug.cgi?id=1376368

[upsuper]

FWIW, Firefox doesn't have bug on this. This works as expected in Firefox with this code: http://jsbin.com/dapiqopiqa/edit?html,css,output

[FremyCompany]

@upsuper sounds good, thanks!