SuperAPI AI 工具集

attention-pulse

部署与运维

查看项目

更新于 10-16 01:36

技能介绍

用途:attention-pulse 是一种柔和的扩散圆环动效,用来把用户视线吸引到某一个元素上,例如主行动按钮(CTA)、未读或“新”徽标、通知圆点。它属于 motion-anything 项目,并遵循 MOTION-SPEC.md 规范。

主要能力:通过扩散圆环产生轻微的注意力提示,仅使用 transform 与 opacity 实现,属于 GPU 安全的动画方式。

使用方式:复制 attention-pulse.css 并在页面中链接;在目标元素上添加 data-pulse 属性,并通过设置 --pulse-color 匹配你的强调色。

适用场景:单个主 CTA、未读/新徽标、通知圆点等需要引导注意力的元素。

限制与克制原则:同一屏幕不要同时出现多个脉冲元素;不要把它当作没有真实行动召唤的纯装饰。无障碍方面,遵循 prefers-reduced-motion,用户开启减少动态效果时不播放脉冲。

其他信息:官方文档未提供更多安装命令、平台支持或收费说明,暂未提供。