点击与键盘焦点 / TERM 147

菜单图标变形Hamburger to Close

三条横线变成关闭叉号。

147

LIVE PREVIEW

CLICK / TAP

☰×✦　✧　✦

菜单图标变形

✦ MOTIONLEX

01 这个效果是什么

菜单开关的图标从“打开”状态连续变到“关闭”状态，提示同一控件的反向动作。

移动端菜单打开时让三横线在 200ms 内变为 X；菜单关闭时逆向变回，按钮名称随状态更新。