点击与键盘焦点 / TERM 136

按下与选中态Active/Selected State

当前正在哪一项，一眼看见。

136

LIVE PREVIEW

CLICK ME ↗✳

✦ MOTIONLEX

01 这个效果是什么

区分短暂按下、当前选中与持续激活三种状态。

给导航项设置明确的当前页样式与 aria-current；按钮按压时有短反馈，但不要把短暂按下误当长期选中。