6.6.4 transition-delay 속성

transition-delay 속성을 사용하면 전환 효과의 발생을 지연할 수 있습니다. 속성값으로는 지연하고 싶은 시간을 적으면 됩니다.

.red-box{
  (중략)
  transition-delay:1s;
}

예제 코드처럼 transition-delay 속성값을 1s라고 적으면 빨간색 요소에 마우스를 올렸을 때 파란색으로 바로 바뀌지 않고 1초 뒤에 전환 효과가 발생합니다.