anim-backinleft
Back In Left — 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-backinleft
- description
- Back In Left — 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
- ["backinleft","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 backInLeft (Animate.css) to the element as a entrance animation, restrained, with a\nprefers-reduced-motion fallback. Attribute Animate.css.\n"}
# Animate · Back In Left
Back In Left — 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 entrance animation (no JS).
## When NOT to use it (restraint)
- Many at once / must-read content. Keep it restrained.
## How to apply
1. Copy `backInLeft.css`. 2. Add class `backInLeft` to the element + set `animation-duration`.
## Accessibility & license
- `prefers-reduced-motion`: disabled. Attribute Animate.css (Hippocratic-2.1).
Auf GitHub ansehen