This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 28936 - Persistent animation-delay throughout iterations
Summary: Persistent animation-delay throughout iterations
Status: NEW
Alias: None
Product: CSS
Classification: Unclassified
Component: Animations (show other bugs)
Version: unspecified
Hardware: All All
: P2 enhancement
Target Milestone: ---
Assignee: Dean Jackson
QA Contact: public-css-bugzilla
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2015-07-10 10:52 UTC by Michiel Bijl
Modified: 2015-07-10 10:52 UTC (History)
3 users (show)

See Also:


Attachments

Description Michiel Bijl 2015-07-10 10:52:36 UTC
Something I run into quite a lot as I build animations, is that animation-delay doesn't persist throughout iterations.

Take the following code:

div {
  animation: unicorns linear infinite forwards 5s 3s;
}

On the first iteration it would wait 3 seconds before it starts, then it plays for 5 seconds. On consecutive plays it will loop the 5 second part but skip the delay. This is certainly useful in certain cases, but there are also cases where you want the delay to persist; kind of like `animation-fill-mode: forwards;`.

I propose a second argument for the `animation-delay` property: repeat.

div {
  animation-delay: 3s repeat;
}

This will ensure that the delay is accounted for on consecutive iterations. Alternatives to the repeat keyword are welcome, simply chose it because it is already in CSS vocabulary.