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