SuperAPI AI 工具集

toggle-spring

前端与建站

查看项目

更新于 10-16 01:36

技能介绍

用途:用于设置页和表单中的开/关切换,以及任何由用户自行翻转的二元状态。

主要能力:切换时旋钮以弹簧方式滑过,产生有触感的回弹效果;属于 motion-anything 项目,遵循 MOTION-SPEC.md。

使用方式:引入 toggle-spring.css 与 toggle-spring.js 并链接;标记为 <button class="ms-toggle" data-toggle aria-pressed="false"><span class="knob"></span></button>。

无障碍与性能:在 prefers-reduced-motion 下改为快速线性滑动、无回弹;aria-pressed 反映当前状态;仅使用 transform。

限制:不用于表达加载或进度(应使用 spinner/skeleton);回弹幅度需保持克制,避免花哨。