AI agent skill · by @nexu-io

Anim Bounce

Bounce — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

Archived 2026-10-23 · Source updated 2026-07-07 · License: Apache-2.0. Check the original repository for the latest version.

SKILL.md instructions

# Animate · Bounce

Bounce — CSS keyframe animation from [Animate.css](https://github.com/animate-css/animate.css)
(Hippocratic License 2.1, © Daniel Eden). Part of [motion-anything](https://github.com/nexu-io/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 `bounce.css`. 2. Add class `bounce` to the element + set `animation-duration`.

## Accessibility & license
- `prefers-reduced-motion`: disabled. Attribute Animate.css (Hippocratic-2.1).