animation-delay CSS Property

The animation-delay property specifies when an animation will start after being applied. Negative values cause the animation to appear as if it started midway. Initial value is 0s.

.box { animation-delay: 500ms; }

.staggered { animation: slide 1s ease; animation-delay: calc(var(--i) * 100ms); }