anim-backoutup
Back Out Up — 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.
Quellinformationen
- Repository
- nexu-io/motion-anything
- Letzte Quellaktivität
- 6. Juli 2026 um 14:56
- Erkannte Sprache von SKILL.md
- Englisch
- Sterne
- 846
- Forks
- 102
Installationsoptionen
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Datei-Explorer
4 DateienSKILL.md wird angezeigt
SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau- name
- anim-backoutup
- description
- Back Out Up — 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
- ["backoutup","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 backOutUp (Animate.css) to the element as a exit animation, restrained, with a\nprefers-reduced-motion fallback. Attribute Animate.css.\n"}
# Animate · Back Out Up
Back Out Up — 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 exit animation (no JS).
## When NOT to use it (restraint)
- Many at once / must-read content. Keep it restrained.
## How to apply
1. Copy `backOutUp.css`. 2. Add class `backOutUp` to the element + set `animation-duration`.
## Accessibility & license
- `prefers-reduced-motion`: disabled. Attribute Animate.css (Hippocratic-2.1).
Auf GitHub ansehen