Profile My skills Saved Collections Edit profile Submit a skill

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.

xpert-ai 2e18b43 4 files · 3.7 KB Updated
Web & Frontend

File contents

Animate · Back In Left

Back In Left — 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 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).

xpert-ai/xpert-plugins/tree/main/xpertai/apps/motion/assets/upstream/recipes/css/anim-backinleft commit 2e18b4396b

Browse category

Frequently asked questions

npx skillmds@latest add xpert-ai/anim-backinleft