Re: Repeat animation-delay throughout iterations

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