resumemaker.eu
← TechnologyThe essentials of

Animation-direction: returning without a second keyframe set

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-direction controls forward, reverse or alternating playback. alternate can move forward and backward across successive cycles.

Useful to know

animation-direction controls forward, reverse or alternating playback. alternate can move forward and backward across successive cycles. [1]

For a swaying detail, this avoids a separate reverse animation. Direction does not set iteration count, however: with only one iteration, do not expect an automatic return during a subsequent cycle.

Sources

For further detail and to check the information:

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