CSS:transition-duration

div {
    transition-duration: 5s;
}

CSS :transition-duration

transition-duration속성은 전환 효과를 완료하는 데 걸리는 시간 (밀리 초 또는 밀리 초)을 지정합니다.

브라우저 지원

| property | 크롬 | IE | 파이어폭스 | 사파리 | 오페라 | |:——–|:——–:|:——–:|:——–:|:——–:|:——–:| | transition | 26.0, 4.0 -webkit- | 10.0 | 16.0, 4.0 -moz- | 6.1, 3.1 -webkit- | 12.1,10.5 -o- |

속성

transition-duration: time|initial|inherit;

• time :전환 효과를 완료하는 데 걸리는 시간(초 또는 밀리초)을 지정합니다. 기본값은 0초이며, 효과가 없음을 의미합니다.
• initial :기본속성을 가집니다.
• inherit :속성을 상속 받습니다.