SuperAPI AI 工具集

anim-rubberband

设计与创作

查看项目

更新于 10-16 01:36

技能介绍

用途:Rubber Band 是一个可直接引入的 CSS 关键帧动画,源自 Animate.css(Hippocratic License 2.1,© Daniel Eden),属于 motion-anything 技能集合。它用于给元素添加短暂、弹性的强调动画效果,适合按钮点击、图标提示等需要吸引注意力的交互场景。

主要能力:纯 CSS 实现,无需 JavaScript;遵循 prefers-reduced-motion 设置,当用户开启减少动画偏好时该动画会被禁用,具备无障碍考量;许可协议为 Hippocratic-2.1。

使用方式:将 rubberBand.css 复制到项目中,为目标元素添加 rubberBand 类,并设置 animation-duration 控制动画时长。具体文件内容与安装命令资料未提供。

适用场景:单个或少量的强调动画,例如提示图标、操作反馈。

限制与注意事项:不适合同时大量使用,也不适用于必须阅读的重要内容,应保持克制;部分实现细节、浏览器兼容范围、具体参数默认值等资料暂未提供。