스타일 animationDelay 속성
예시
<div> 요소의 animationDelay 속성 변경:
document.getElementById("myDIV").style.animationDelay = "1s";
정의 및 사용
animationDelay 속성은 애니메이션이 시작되는 시기를 정의합니다.
animationDelay 값은 초(s) 또는 밀리초(ms)로 정의됩니다.
팁: 음수 값이 허용됩니다. -2s는 애니메이션을 한 번에 시작하지만 애니메이션 시작 2초 후에 시작합니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Moz 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
animationDelay | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
통사론
animationDelay 속성을 반환합니다.
object.style.animationDelay
animationDelay 속성을 설정합니다.
object.style.animationDelay = "time|initial|inherit"
속성 값
Value | Description |
---|---|
time | Optional. Defines the number of seconds or milliseconds to wait before the animation will start. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 0 |
---|---|
반환 값: | 요소의 animation-delay 속성을 나타내는 String |
CSS 버전 | CSS3 |
관련 페이지
CSS 참조: animation-delay 속성