[csswg-drafts] [css-animations] Can't loop animation with multiple keyframes

Timmmm has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-animations] Can't loop animation with multiple keyframes ==
See [this Stackoverflow question](https://stackoverflow.com/questions/25384314/how-do-i-loop-a-css-animation-with-multiple-keyframe-definitions).

Currently CSS animations lets you do this:

    animation-name: a;
    animation-iteration-count: infinite;

which will play `a` infinitely. Or this:

    animation-name: a, b;
    animation-iteration-count: 1, 1;

which will play `a` then `b` then stop. But there is no way to make it play `a` then `b` then loop infinitely. This seems like a pretty common thing to want to do.

As a solution I suggest allowing something like this:

    animation-name: a, b;
    animation-iteration-count: 1, 1, repeat;

By the way, it's off-topic but the spec disallows this, which actually works - at least in Chrome:

    animation-iteration-count: 1, infinite;

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1726 using your GitHub account

Received on Wednesday, 16 August 2017 09:30:03 UTC