CSS:animation-duration

div {
    animation-duration: 3s;
}

CSS :animation-duration

animation-duration속성은 애니메이션이 한 사이클을 완료하는 데 걸리는 시간을 정의합니다.

브라우저 지원

| property | 크롬 | IE | 파이어폭스 | 사파리 | 오페라 | |:——–|:——–:|:——–:|:——–:|:——–:|:——–:| | animation | 43.0, 4.0 -webkit- | 10.0 | 16.0, 5.0 -moz- | 9.0, 4.0 -webkit- | 30.0, 15.0 -webkit-, 12.0 -o- |

속성

animation-duration: time|initial|inherit;

• time :애니메이션이 한 사이클을 완료하는 데 걸리는 시간을 지정합니다. 이 값은 초 또는 밀리초 단위로 지정할 수 있습니다. 기본값은 0입니다. 이는 애니메이션이 발생하지 않음을 의미합니다.
• initial :기본속성을 가집니다.
• inherit :속성을 상속 받습니다.