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

Re: Proposal: Motions along a path in CSS

From: Dirk Schulze <dschulze@adobe.com>
Date: Mon, 1 Sep 2014 17:31:40 +0000
To: Tab Atkins Jr. <jackalmage@gmail.com>
CC: Sylvain Galineau <galineau@adobe.com>, Shane Stephens <shans@google.com>, "<www-style@w3.org>" <www-style@w3.org>
Message-ID: <0599133C-4931-4DB8-9985-DF5C8F46BA00@adobe.com>

On Sep 1, 2014, at 6:08 PM, Tab Atkins Jr. <jackalmage@gmail.com> wrote:

> On Sun, Aug 31, 2014 at 11:18 PM, Dirk Schulze <dschulze@adobe.com> wrote:
>> I uploaded a very early draft of motion path here http://dirkschulze.github.io/specs/motion-1/ for every one who is interested.
>> 
>> I did not include Shane’s proposal yet. I would still like to see some examples to understand it better.
> 
> Let me explain Shane's proposal a little more.
> 
> Motion-on-a-path is just a way of doing some relatively complex
> calculations that eventually resolve into, for a given amount of
> progress on the path, a translation and a rotation.  So, we can define
> this in translate-function terms, like:
> 
> motion(<'motion'>)
> 
> That is, it's a motion() function, which takes the same grammar as the
> 'motion' property - a shape, a progress, and a rotation directive.
> It's equivalent to a translate()/rotate() pair.
> 
> The 'motion' property, then, would just be a property-based variant of
> this, which inserts a motion() function into a specific spot at the
> beginning of the final transform list.  This has the nice benefits
> that it can be independently set and animated and cascaded without
> having to worry about any other transforms on the element.

Ah ok, I think I got it. Add motion() transform function to the ‘transform' property which takes the same syntax as the motion shorthand [1].

Greetings,
Dirk

http://dirkschulze.github.io/specs/motion-1/#motion-shorthand

> 
> ~TJ
Received on Monday, 1 September 2014 17:32:16 UTC

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