CSS: New names for motion path properties

CSS

Motion paths allow authors to animate any graphical object along an author-specified path. The CSS properties are being named: offset-path offset-distance offset-rotate. From Chrome 55, offset-path and offset-distance are supported. offset-rotate will become available in Chrome 56.

Demo

http://goo.gl/WjA4lQ

Specification

Editor's draft

Status in Chromium

Blink components: Blink>CSS

Enabled by default (tracking bug) in:

Chrome for desktop release 56
Chrome for Android release 56
Android WebView release 56
Opera release 43
Opera for Android release 43

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: No public signals
Edge: No public signals
Safari: No public signals
Web Developers: Positive

Owners

ericwilligers@chromium.org
shans@chromium.org

Last updated on 2017-06-14