Properties

Properties

  • account_tree
  • bug_report

Animations

시간 구간을 백분률로 나누어 키프레임을 생성하고 동작 및 모습에 대한 변화를 만들어 낼 수 있다.

개요

시간 구간을 백분률로 나누어 키프레임을 생성하고 동작 및 모습에 대한 변화를 만들어 낼 수 있다. 애니메이션을 생성하기 위해서는 기본적으로 키프레임을 정의하고 시간(필요하다면 지연 시간까지 포함)을 설정한다. 옵션으로는 속도 변화, 애니메이션 진행 방향 조정, 애니메이션 반복 횟수, 키프레임 외부와 연계 방식, 그리고 애니메이션 상태를 정의할 수 있다.

관련 속성

  • animation

    애니메이션의 여러 속성을 한번에 정의할 수 있도록 해주는 속기 속성이다.
  • animation-delay

    애니메이션의 동작을 초(s) 또는 밀리세컨드(ms) 단위로 지연시킨다.
  • animation-direction

    애니메이션 키프레임의 실행 순서를 설정한다.
  • animation-duration

    애니메이션의 실행 시간을 초(s) 또는 밀리세컨드(ms) 단위로 설정한다.
  • animation-fill-mode

    키프레임에 설정된 style과 요소에게 기본적으로 적용한 style과의 관계를 설정한다.
  • animation-iteration-count

    애니메이션의 실행 횟수를 설정한다. 기본적으로 1회 실행한다.
  • animation-name

    애니메이션으로 사용할 미리 정의된 키프레임 셋의 이름을 설정한다.
  • animation-play-state

    애니메이션의 동작을 일시 정지와 실행으로 제어한다.
  • animation-timing-function

    설정된 애니메이션 실행 시간 내에서 어떠한 흐름(가속과 감속)으로 애니메이션을 실행할지를 설정한다.

W3C Modules