Bug 139128 – Implement parsing of motion path properties

• Status: RESOLVED
• Resolution: MOVED
• Component: CSS

[Dirk Schulze]

Implement parsing of motion path properties

[Dirk Schulze]

Created attachment 242308 [details]
[WIP] Parsing of the long hand properties

This is a WIP patch. I am currently unsure if I will be able to continue working on the patch. If someone wants to pick it up, feel welcome to do so.

* motion-position will be renamed to motion-distance
* motion-rotate is currently not implemented even though I added parts of it in the patch already.
* no compiler flag added yet

[Dirk Schulze]

(In reply to comment #1)
> Created attachment 242308 [details]
> [WIP] Parsing of the long hand properties
> 
> This is a WIP patch. I am currently unsure if I will be able to continue
> working on the patch. If someone wants to pick it up, feel welcome to do so.
> 
> * motion-position will be renamed to motion-distance
> * motion-rotate is currently not implemented even though I added parts of it
> in the patch already.
> * no compiler flag added yet

I forgot to add the Adobe copyright and to mention that parsing/style computation (including path() function) of motion-path is complete.

[yisibl]

Chrome has supported.

[Dirk Schulze]

Basic shapes parsing for path() got implemented (for clip-path) already. So it is just about implementing the properties now.

[yisibl]

The CSS property names for Motion Path properties have changed.

Recent spec update:
https://drafts.fxtf.org/motion-1/
https://github.com/w3c/fxtf-drafts/pull/14

We have already shipped with the earlier names. For a period of time we can alias them to the new names.

motion-offset -> offset-distance
motion-path -> offset-path
motion-rotation -> offset-rotation
motion -> offset

See also:

https://bugs.chromium.org/p/chromium/issues/detail?id=637543
https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/uqDmsIj6zJY/cS-Vp_XG2oYJ

[Tobi Reif]

Will offset-path be fully supported? eg as used in https://codepen.io/michellebarker/pen/XWJyydY (that demo doesn't work in Safari). Then this page https://caniuse.com/#search=offset-path should get updated.

[Kiet Ho]

Moved to 233109.