這篇我們會介紹如何使用 CSS 的 offset-path 屬性來創建路徑動畫。這個屬性允許元素沿著指定的路徑跑,配合 offset-distance 可以控制元素在路徑上的哪個位置。我們將透過一些範例來了解 offset-path 的用法。 基本概念 offset-path 用來定義一個元素應該沿著哪條路徑進行動畫效果。 這個屬性支援許多不同的形狀,包括: 圓 circle() 橢圓 ellipse() 矩形 inset()、rect()、xywh() 多邊形 polygon() 自...