SuperAPI AI 工具集

anim-flipiny

设计与创作

查看项目

更新于 10-16 06:51

技能介绍

用途:Flip In Y 是一个即插即用的 CSS 关键帧入场动画,源自 Animate.css(Hippocratic License 2.1,© Daniel Eden),属于 motion-anything 的组成部分。无需 JavaScript 即可使用,并在系统设置 prefers-reduced-motion 时自动禁用动画。

主要能力:为元素提供一种沿 Y 轴翻转进入的 CSS 关键帧动画效果,纯 CSS 实现,无 JS 依赖。

使用方式:复制 flipInY.css;为目标元素添加 flipInY 类,并设置 animation-duration。

适用场景与限制:适合单次、轻量的元素入场动画。资料明确提示应克制使用——不要同时对大量元素应用,也不要用于必读内容。

无障碍与许可:遵循 prefers-reduced-motion(禁用动画);需注明来源 Animate.css(Hippocratic-2.1)。安装命令、价格、平台等信息暂未提供。