用途:electric-border 为卡片或容器添加一条抖动的电流感轮廓,作为单个主视觉元素的能量感强调装饰。资料建议每个视图只使用一个。
主要能力:纯 CSS 实现,无外部依赖;在动画描边下方保留一条静态实线轮廓;对减少动态效果(reduced-motion)设置安全。
使用方式:复制 electric-border.css,在元素上添加 class="electric",例如 <div class="electric"> … </div>;可通过 CSS 变量 --elec-color 调整颜色。
适用场景:需要突出单一重点元素的界面,如主卡片、推荐位或英雄区。
限制:资料未提供具体浏览器兼容范围、性能数据、安装命令或包管理方式;建议每视图仅用一处,避免视觉干扰。