W3C home > Mailing lists > Public > www-style@w3.org > September 2014

Re: [css-animations] Proposal for animation triggers, timebases and additive behavior

From: Robert O'Callahan <robert@ocallahan.org>
Date: Wed, 10 Sep 2014 13:58:28 +1200
Message-ID: <CAOp6jLYjYgd6fcHptkcObGyxsTBPu-w+vvuH3hZVeuMx=9_5DQ@mail.gmail.com>
To: Dean Jackson <dino@apple.com>
Cc: "<www-style@w3.org>" <www-style@w3.org>
On Wed, Sep 10, 2014 at 11:49 AM, Dean Jackson <dino@apple.com> wrote:

> I'd really like to avoid script if possible, not because I have anything
> against script, but because it's refreshingly awesome to completely
> declaratively author a page that responds to scroll - both triggering an
> animation and all the fancy parallax effects.


I have some ideas for fixing the circularity problem with declarative
syntax. However, I don't think any of them are good ideas. The basic issue
is that animation-timebase:scroll with element-relative positions makes CSS
styling dependent on element geometry. That is a fundamental breach of
existing CSS invariants :-(.

Meanwhile, some more bikesheddy comments:

Since animation-trigger:scroll only makes sense with
animation-timebase:scroll, why not fold animation-trigger into the
animation-timebase value? So you write
"animation-timebase:scroll(<startpos> <endpos>?)"? (Note, need to specify
what happens when startpos > endpos...)

For animation-behavior:add, in what order should the animations be applied?

oIo otoeololo oyooouo otohoaoto oaonoyooonoeo owohooo oioso oaonogoroyo
owoiotoho oao oboroootohoeoro oooro osoiosotoeoro owoiololo oboeo
osouobojoeocoto otooo ojouodogomoeonoto.o oAogoaoiono,o oaonoyooonoeo
osoaoyoso otooo oao oboroootohoeoro oooro osoiosotoeoro,o o‘oRoaocoao,o’o
oaonosowoeoroaoboloeo otooo otohoeo ocooouoroto.o oAonodo oaonoyooonoeo
osoaoyoso,o o‘oYooouo ofooooolo!o’o owoiololo oboeo oiono odoaonogoeoro
otohoeo ofoioroeo ooofo ohoeololo.
Received on Wednesday, 10 September 2014 01:58:56 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:46 UTC