Properties

Properties

  • account_tree
  • bug_report

Motion Path

시간에 따른 개체의 위치 전환에 대한 기술적인 주제를 다룬다.

개요

CSS  animationtransition 속성은 요소의 정적 배치를 지정된 시간 동안 변경할 수 있는 강력한 기능을 제공한다. 그러나 시간에 따른 개체 위치의 전환을 설명하는 데는 적합하지 않다.

이 모듈 사양이 적용된 유저 에이전트(user agent)는 개체가 주어진 시간 동안 설정된 경로를 따라 배치, 전환 및 애니메이션될 수 있다.

관련 속성

  • offset

    정의된 경로를 따라 요소에게 애니메이션을 적용하는 데 필요한 관련 속성을 한번에 작성할 수 있도록 하는 속기 속성이다.
  • offset-anchor

    offset-path 속성으로 지정된 경로 상에서 움직이는 요소의 내부 기준 위치를 설정한다.
  • offset-distance

    offset-path 따라 박스의 위치를 지정한다.
  • offset-path

    요소가 따라가야할 모션 경로를 지정하고 부모 컨테이너 또는 SVG  좌표 시스템 내에서 요소의 위치를 정의한다.
  • offset-position

    offset-path의 초기 위치를 정의한다.
  • offset-rotate

    offset-path로 지정된 경로에 배치될 때 요소의 방향을 설정한다.

W3C Modules

Motion Path Module Level 1
W3C Working Draft, 18 December 2018