← Back to release summary

CSS Motion Path

Category

CSS

Type

New or changed feature

Status

Enabled by default (Chrome 45)

Intent stage

None

Summary

Motion paths allow authors to animate any graphical object along an author-specified path. The following CSS properties are defined: motion-offset motion-path motion-rotation motion (shorthand)

Standards & signals

• Specification: http://dev.w3.org/fxtf/motion-1/
• Firefox: No signal
• Safari: No signal
• Web developers: Positive
• Tracking bug: http://crbug.com/496518

Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/motion https://developer.mozilla.org/en-US/docs/Web/CSS/motion-path https://developer.mozilla.org/en-US/docs/Web/CSS/motion-offset https://developer.mozilla.org/en-US/docs/Web/CSS/motion-rotation

Samples: https://googlechrome.github.io/samples/css-motion-path/index.html http://bit.ly/1HLfdrv

View on chromestatus.com