SuperAPI AI 工具集

loading-shimmer

通用与其它

查看项目

更新于 10-16 06:51

技能介绍

用途:为仍在加载的内容(卡片、列表、个人资料、媒体)提供骨架占位,并带柔和扫过的高光,改善等待时的感知性能。属于 motion-anything,遵循 MOTION-SPEC.md。

主要能力:骨架占位块配合柔和扫光动画;扫光仅使用 transform,对 GPU 友好。

使用方式:复制 loading-shimmer.css 并链接到页面;给占位块添加 data-skeleton 属性,并为每个占位块设置宽度和高度;真实内容到达时立即移除占位块或该属性。

适用场景:内容加载需要一定等待时间的卡片、列表、个人资料、媒体区域。

限制与注意:加载时间低于约 300ms 时不要使用,骨架闪烁比什么都不显示更糟;不得作为纯装饰使用。无障碍方面,prefers-reduced-motion 下显示静态骨架,不播放扫光。

其他:官方未提供更多安装命令、平台或收费信息。