← Back to release summary

CSS Motion Path

Category
CSS
Type
Chromium catches up
Status
Enabled by default (Chrome 116)
Intent stage
Prepare to ship

Summary

Motion path allows authors to position any graphical object and animate it along an author specified path. This allows a number of powerful new transform possibilities, such as positioning using polar coordinates (with the ray() function) rather than the standard rectangular coordinates used by the translate() function, or animating an element along a defined path, making it easy to define complex and beautiful 2d spatial transitions. Path can be specified as circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() and url(). With path() being already implemented before.

Standards & signals

View on chromestatus.com