W3C home > Mailing lists > Public > www-style@w3.org > July 2015

Re: Repeat animation-delay throughout iterations

From: Xidorn Quan <quanxunzhen@gmail.com>
Date: Fri, 10 Jul 2015 21:34:04 +1000
Message-ID: <CAMdq698+_i6LRCv+VUFtbxxx20gOgvi0-_ftyG9kP8B-RwL06Q@mail.gmail.com>
To: Michiel Bijl <michiel@agosto.nl>
Cc: www-style list <www-style@w3.org>
On Fri, Jul 10, 2015 at 9:26 PM, Michiel Bijl <michiel@agosto.nl> wrote:

> True, but we all know what a pain time line management can be. As long as
> we don't have proper timeline management in the form of example a, we need
> something to make it better.
>
> Example a:
>
> @keyframes timeline {
>   1s, 3s {
>     opacity: 0
>   }
>
>   4s {
>     opacity: 1
>   }
> }
>

What you want is just:

@keyframes timeline {
  0%, 75% { opacity: 0; }
  100% { opacity: 1; }
}
animation: 4s timeline;

- Xidorn
Received on Friday, 10 July 2015 11:35:11 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:52:18 UTC