This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Motion Path is a CSS module that allows authors to animate any graphical object along a custom path.

Reference

Properties

Specifications

Specification Status Comment
Motion Path Module Level 1 Working Draft Initial definition.

Browser compatibility

offset property

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic support
Experimental
Chrome Full support 55
Full support 55
Full support 46
Alternate Name
Alternate Name Uses the non-standard name: motion
Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android Full support 55
Full support 55
Full support 46
Alternate Name
Alternate Name Uses the non-standard name: motion
Chrome Android Full support 55
Full support 55
Full support 46
Alternate Name
Alternate Name Uses the non-standard name: motion
Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android Full support 6.0

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.
Uses a non-standard name.
Uses a non-standard name.

Document Tags and Contributors

Contributors to this page: mfuji09, fscholz, mfluehr, jpmedley, Sebastianz, teoli
Last updated by: mfuji09,