用途
anim-fadeinbottomleft 是一个可直接引入的 CSS 关键帧动画,用于元素的入场淡入效果,其视觉方向为从左下角淡入(Fade In Bottom Left)。该动画来自 Animate.css(Hippocratic License 2.1,© Daniel Eden),并作为 motion-anything 项目的一部分提供。它不需要 JavaScript,适合作为轻量的 CSS 动画方案使用。
主要能力
- 提供 Fade In Bottom Left 的 CSS 关键帧动画效果。
- 无需 JavaScript 即可应用。
- 遵循 prefers-reduced-motion:当用户偏好减少动态效果时,该动画会被禁用。
使用方式
- 复制 fadeInBottomLeft.css 文件。
- 为目标元素添加 fadeInBottomLeft 类。
- 设置 animation-duration 以控制动画时长。
适用场景与限制
该动画适合作为快速、可直接引入的 CSS 入场动画使用。但资料明确建议保持克制:不应在同一页面大量使用,也不宜用于必须阅读的内容。
许可与署名
该动画基于 Animate.css,遵循 Hippocratic License 2.1,版权归 © Daniel Eden。使用时需按要求署名 Animate.css(Hippocratic-2.1)。
暂未提供的信息
关于具体的价格、收费模式、兼容的浏览器版本细节、完整的安装命令或包管理器集成方式,资料中暂未提供。