Properties

Properties

Draft
  • account_tree
  • bug_report

animation-duration

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

설정 가능한 속성 값

  • time숫자단위허용CSS3

    애니메이션 지속 시간을 초(s) 또는 밀리세컨드(ms) 단위로 설정한다.

    • 사용 가능한 단위: s, ms

구문

  • animation-duration 0;기본값CSS3

    애니메이션 실행 시간은 기본 값이 0이다. 애니메이션을 실행하기 위해서는 0보다 큰 값을 설정해야 한다.

  • animation-duration 500ms;사용 예CSS3

    애니메이션 실행 시간을 500ms로 설정한다. 1000ms가 1초이므로 1/2초가 된다.

  • object.style.animationDuration = "1s";자바스크립트 형식CSS3

    자바스크립트 형식이며 애니메이션 실행 시간을 1초로 설정한다.

예제

각 요소에게 animation-duration 값을 시간차를 두고 설정하여 애니메이션 처리하였다.

지원 웹브라우저