- From: Michiel Bijl <michiel@agosto.nl>
- Date: Fri, 10 Jul 2015 13:40:34 +0200
- To: Xidorn Quan <quanxunzhen@gmail.com>
- Cc: www-style list <www-style@w3.org>
Received on Friday, 10 July 2015 11:41:08 UTC
In this simple example, yes. The trouble is that the animation duration isn't always known, or can change if the animator isn't happy with the outcome. Having to change all the percentages in keyframes is really annoying. The only viable solution we have now is to do timelines with JavaScript. —Michiel > On 10 Jul 2015, at 13:34, Xidorn Quan <quanxunzhen@gmail.com> wrote: > >> 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:41:08 UTC