用途:Jack In The Box 是一个即插即用的 CSS 关键帧入场动画,属于 motion-anything 项目,来源为 Animate.css(Hippocratic License 2.1,© Daniel Eden)。无需 JavaScript,适合作快速入场动效。
主要能力:提供单个名为 jackInTheBox 的动画类,仅依赖 CSS。会遵循 prefers-reduced-motion:当用户开启减少动态效果时该动画被禁用。
使用方式:复制 jackInTheBox.css,在目标元素上添加 jackInTheBox 类,并设置 animation-duration,即可生效。
适用场景:需要轻量、零 JS 的入场动画时使用。
限制与注意:应保持克制,避免大量元素同时播放,也不要用于必须阅读的内容。使用需注明 Animate.css(Hippocratic-2.1)。其他细节暂未提供。