W3C home > Mailing lists > Public > www-style@w3.org > November 2012

Re: Request for Comments: Proposal for Touch-Based Animation Scrubbing

From: Rik Cabanier <cabanier@gmail.com>
Date: Thu, 29 Nov 2012 20:54:23 -0800
Message-ID: <CAGN7qDAnoyoH-aSO=hLXqD7UMoiObHXsOY2oNKSc=NfUO2yQNg@mail.gmail.com>
To: "Tab Atkins Jr." <jackalmage@gmail.com>
Cc: www-style list <www-style@w3.org>
On Thu, Nov 29, 2012 at 4:07 PM, Tab Atkins Jr. <jackalmage@gmail.com>wrote:

> On Wed, Nov 28, 2012 at 9:12 PM, Tab Atkins Jr. <jackalmage@gmail.com>
> wrote:
> > On Wed, Nov 28, 2012 at 8:23 PM, Rik Cabanier <cabanier@gmail.com>
> wrote:
> >> Can you explain how your image carousel works?
> >> Specifically, how are the animations on the images triggered and
> >> synchronized by the timeline?
> >
> > I'd been thinking something was "off" when I put that example
> > together, and I was right - it's completely wrong, actually.
> >
> > To do that example correctly, you need a separate @keyframes rule for
> > each element, which properly moves it to the end, then flips to the
> > beginning, and finally ends back at its starting location.  These will
> > vary for every one, because they're all different distances from the
> > end.
>
> Never mind, I found a better way to do it.  It still requires work
> per-item, but only in the form of individual 'animation-delay'
> properties.  You only need a single @keyframes now.  It's updated in
> the doc.
>
> I also reworked the syntax a little bit.


Cool. That looks more elegant.

I really like the concept of the timeline since it provides synchronization
which is lacking from the current spec and should be incorporated into the
CSS animations.

Rik
Received on Friday, 30 November 2012 04:54:52 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:03 GMT