A path can be specified as circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() and url(). This makes it easier to define complex and beautiful 2d spatial transitions.
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. Motion path allows authors to position any graphical object and animate it along a path specified by the developer. You can download the latest on for desktop or on Google Play Store on Android.
Learn more about the features listed here through the provided links or from the list on. Unless otherwise noted, changes described below apply to the newest Chrome beta channel release for Android, ChromeOS, Linux, macOS, and Windows.
