anim-bounceoutleft
Bounce Out 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.
Informações da origem
- Repositório
- nexu-io/motion-anything
- Última atividade na origem
- 6 de julho de 2026 às 14:56
- Idioma detectado do SKILL.md
- inglês
- Estrelas
- 846
- Forks
- 102
Opções de instalação
Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.
Revise os arquivos de origem
Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.
Explorador de arquivos
4 arquivosExibindo SKILL.md
SKILL.md
Instruções da origem · Visualização somente leitura- name
- anim-bounceoutleft
- description
- Bounce Out 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
- ["bounceoutleft","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 bounceOutLeft (Animate.css) to the element as a exit animation, restrained, with a\nprefers-reduced-motion fallback. Attribute Animate.css.\n"}
# Animate · Bounce Out Left
Bounce Out 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 exit animation (no JS).
## When NOT to use it (restraint)
- Many at once / must-read content. Keep it restrained.
## How to apply
1. Copy `bounceOutLeft.css`. 2. Add class `bounceOutLeft` to the element + set `animation-duration`.
## Accessibility & license
- `prefers-reduced-motion`: disabled. Attribute Animate.css (Hippocratic-2.1).
Ver no GitHub