offset-path
경로 따라 움직이는 요소
길(offset-path)을 한 번 정해 두면 거리(offset-distance)만 바꿔 곡선 위로 이동해요. x/y 키프레임도 JS도 필요 없어요.
35%
0%(출발)에서 100%(도착)까지 끌어보세요. 같은 길 위만 움직여요.
offset-rotate (진행 방향 회전)
auto면 요소가 길이 휘는 대로 같이 돌고, 0deg면 방향과 무관하게 늘 똑바로 떠 있어요.
길(offset-path)을 한 번 정해 두면 거리(offset-distance)만 바꿔 곡선 위로 이동해요. x/y 키프레임도 JS도 필요 없어요.
0%(출발)에서 100%(도착)까지 끌어보세요. 같은 길 위만 움직여요.
offset-rotate (진행 방향 회전)
auto면 요소가 길이 휘는 대로 같이 돌고, 0deg면 방향과 무관하게 늘 똑바로 떠 있어요.