FRONTEND·중요도 5·2026. 06. 03.·CSS-Tricks
offset-path
── KO ──────────────────
CSS의 offset-path 속성은 애니메이션을 위한 이동 경로를 정의합니다.
CSS의 <code>offset-path</code> 속성은 애니메이션 중에 요소가 따르게 될 이동 경로를 설정합니다. 이 속성은 원래 <code>motion-path</code>로 명명되었으며, 모든 관련 <code>motion-*</code> 속성이 <code>offset-*</code>로 변경되고 있습니다. 이번 변경은 공식 문서에서 확인할 수 있습니다.
── EN ──────────────────
The CSS property offset-path defines a movement path for animations.
The <code>offset-path</code> property in CSS sets the movement path for an element during animations. Originally named <code>motion-path</code>, it, along with other <code>motion-*</code> properties, is being renamed to <code>offset-*</code>. This change can be confirmed in the official specification.