resumemaker.eu
← TechnologyThe essentials of

Animation-delay: a negative delay starts partway through

Publisher: ResumeMaker • 1 source

Published: 23 Oct 2026 08:23 · Updated: 23 Oct 2026 08:23

AI source check: 22 Oct 2026 16:54. This is not editorial approval.

In a few sentences

In brief

animation-delay can postpone an animation's start. A negative value instead begins immediately as though some of its time had already elapsed.

Useful to know

animation-delay can postpone an animation's start. A negative value instead begins immediately as though some of its time had already elapsed. [1]

For repeated decorative elements, this allows different phases without different keyframes. Distinguish phase from speed: changing delay is not the same as changing cycle duration.

Sources

For further detail and to check the information:

  1. [1] MDN — CSS animation-delay ↗