anim-bounceoutdown

name	anim-bounceoutdown
description	Bounce Out Down — 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.
triggers	["bounceoutdown","css animation","退出动效"]
od	{"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","upstream":"https://github.com/animate-css/animate.css","preview":{"type":"html"},"design_system":{"requires":false},"example_prompt":"Apply bounceOutDown (Animate.css) to the element as a exit animation, restrained, with a\nprefers-reduced-motion fallback. Attribute Animate.css.\n"}

Animate · Bounce Out Down

Bounce Out Down — 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 exit animation (no JS).

When NOT to use it (restraint)

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

How to apply

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

Accessibility & license

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