[CSS] animation-delay 속성

animation은 기본적으로 즉시 실행된다. 애니메이션 효과의 실행을 지연시키고 싶다면 animation-delay 속성을 사용한다.

#splash {
  animation-delay: 2s;
}

animation-delay 속성을 사용하면 애니메이션 효과의 실행이 지정한 속성값만큼 지연된다.
위의 경우 2초 뒤에 애니메이션 효과가 실행된다.