点击与键盘焦点 / TERM 155

立体按键按压3D Key Press

立体键帽被按下，侧面和阴影一起缩短。

155

LIVE PREVIEW ✦ MOTIONLEX

01 这个效果是什么

用正面、侧壁和投影的同步变化表达实体按键的行程。

把快捷键示例做成有厚度的键帽，点击或按对应键时整体下沉 4px、侧壁缩短、松开复位；触发动作只执行一次。