編集

CSS Motion Path

以前から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

編集