Style animationDuration 속성

정의와 사용법

animationDuration 동일한 주기를 완료하기 위해 필요한 초 또는 밀리초를 정의합니다.

예제

<div> 요소의 animationDuration 속성을 변경합니다:

document.getElementById("myDIV").style.animationDuration = "3s";

본인이 직접 시도해 보세요

문법

animationDuration 속성을 반환합니다:

object.style.animationDuration

animationDuration 속성을 설정합니다:

object.style.animationDuration = "time|initial|inherit"

속성 값

값 설명
time 애니메이션을 완료하기 위해 필요한 길이를 정의합니다. 기본 값은 0으로 애니메이션이 없음을 의미합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값: 0
반환 값: 문자열로 요소의 animation-duration 속성。
CSS 버전: CSS3

브라우저 지원

animationDuration CSS3 (1999) 기능입니다.

모든 브라우저에서 완전히 지원됩니다:

크롬 에지 파이어폭스 사파리 오페라 IE
크롬 에지 파이어폭스 사파리 오페라 IE
지원 지원 지원 지원 지원 11

관련 페이지

CSS 참조 가이드:animation-duration 속성