用途 anim-bounceoutleft 是一个即取即用的 CSS 退出动画,来自 Animate.css,实现元素向左弹跳离场的视觉效果。它属于 motion-anything 项目,采用 Hippocratic License 2.1,版权归 Daniel Eden。该动画无需 JavaScript,仅通过 CSS 即可使用。
主要能力 提供 CSS keyframe 动画(bounceOutLeft),用于元素的退出过渡。动画会遵循 prefers-reduced-motion:当用户系统开启减少动态效果时,该动画将被禁用。
使用方式
- 复制 bounceOutLeft.css。
- 为目标元素添加 bounceOutLeft 类。
- 设置 animation-duration(动画时长)。
适用场景 适合需要轻量、快速的元素退出动画的界面,例如弹层、提示、卡片等在消失时的动效补充。
限制与注意事项 不建议在同一页面大量同时使用该动画;也不应用于必须阅读的内容,动效应保持克制。使用时需按 Hippocratic License 2.1 署名 Animate.css(© Daniel Eden)。关于兼容的浏览器版本、具体时长建议、打包或框架集成方式等,资料暂未提供。