Animate · Swing

Swing — CSS keyframe animation from Animate.css (Hippocratic License 2.1, © Daniel Eden). Part of motion-anything.

When to use it

• A quick, drop-in CSS emphasis animation (no JS).

When NOT to use it (restraint)

• Many at once / must-read content. Keep it restrained.

How to apply

1. Copy swing.css. 2. Add class swing to the element + set animation-duration.

Accessibility & license

• prefers-reduced-motion: disabled. Attribute Animate.css (Hippocratic-2.1).