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

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

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Thu, 29 Nov 2012 16:07:51 -0800
Message-ID: <CAAWBYDBuAFo0RfzXoX2uet=6LULQObYna_YpHB+hQk0gLf4wPA@mail.gmail.com>
To: Rik Cabanier <cabanier@gmail.com>
Cc: www-style list <www-style@w3.org>
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.

~TJ
Received on Friday, 30 November 2012 00:09:25 GMT

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