Tags
path()Animation
Example
.clip-me { clip-path: path('M0.5,1 C0.5,1,0,0.7,0,0.3 A0.25,0.25,1,1,1,0.5,0.3 A0.25,0.25,1,1,1,1,0.3 C1,0.7,0.5,1,0.5,1 Z'); } .move-me { offset-path: path("M56.06,227 ..."); }
Info
This function is paired with the offset-path
property
(or eventually
, the clip-path
property). It allows you to “draw” a SVG path that other elements can be animated to follow.