以前からpath() はほとんどのブラウザで利用できましたが、circle()、ellipse()、rect()、inset()、xywh()、polygon()、ray()、url() などを利用したパスの指定ができるようになりました。

https://developer.mozilla.org/ja/docs/Web/CSS/CSS_motion_path

#実装例

サンプルを見た方がどのようなことが簡単に出来るようになったのか分かりやすいです。

https://stackblitz.com/edit/js-cz9n1h?file=style.css