用途:Flip In X 是一个可直接使用的 CSS 关键帧入场动画,取自 Animate.css(Hippocratic-2.1,© Daniel Eden),属于 motion-anything 的一部分,无需 JavaScript 即可实现翻转进入效果。
主要能力与使用方式:复制 flipInX.css,给目标元素添加 flipInX 类名并设置 animation-duration,即可获得翻转入场动画。
适用场景:适合需要快速加入、不依赖脚本的轻量入场动效,例如元素初次出现时的提示性动画。
限制与注意事项:官方建议克制使用,不适合一次性对大量元素触发,也不适合用于必须阅读的内容;在 prefers-reduced-motion 生效时动画会被禁用;使用时需保留对 Animate.css(Hippocratic-2.1)的署名。资料未提供更多平台、浏览器兼容或定价信息。