Properties

Properties

Draft
  • account_tree
  • bug_report

animation-delay

애니메이션의 동작을 초 또는 밀리세컨드 단위로 지연시킨다.

설정 가능한 속성 값

  • time숫자단위허용CSS3

    지연 시간을 초(s) 또는 밀리세컨드(ms) 단위로 설정한다. 밀리세컨드 타임은 1초를 1/1000으로 나눈 시간이다.

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

구문

  • animation-delay 0s;기본값CSS3

    기본 값으로 지연 시간이 없다.

  • animation-delay 2s;사용 예CSS3

    애니메이션 지연시간을 2초로 설정한다.

  • animation-delay 500ms;사용 예CSS3

    1초를 1/1000의 단위로 설정이 가능하며 '500ms'로 설정하는 경우 1/2초를 의미한다.

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

    자바스크립트 형식으로 애니메이션 지연 시간을 3초로 설정한다.

예제

애니메이션 지연시간을 2초로 지정하였으므로 요소와 마우스 포인터가 만난 후 2초가 지나면 애니메이션이 실행된다.

지원 웹브라우저