애니메이션의 동작을 초(s) 또는 밀리세컨드(ms) 단위로 지연시킨다.
<time>#
<animation-name>
설정 수에 따라 하나 이상의 <time>
을 콤마로 구분해서 작성할 수 있다.
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
초(seconds) 또는 밀리초(milliseconds)로 시간을 나타낸다. 밀리초(milliseconds)는 1/1000
초를 나타낸다.
아래의 모든 단위를 사용할 수 있는지 확인해야 할 수도 있다.
모든 속성을 표시하지 않을 수도 있다.
애니메이션의 실행 시간을 초(s) 또는 밀리세컨드(ms) 단위로 설정한다.
전이 효과의 동작을 지연시킨다.
전이효과가 지속되는 시간을 설정한다.
animation-delay: 0s;
기본 값으로 지연 시간이 없다.
animation-delay: 2s;
애니메이션 지연시간을 2초로 설정한다.
animation-delay: 500ms;
1초를 1/1000의 단위로 설정이 가능하며 '500ms'로 설정하는 경우 1/2초를 의미한다.
object.style.animationDelay = "3s";
자바스크립트 형식으로 애니메이션 지연 시간을 3초로 설정한다.
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Animations Level 1 | 초안 작업 | Last review date: 2022-12-6 |