← 返回全部术语
悬停与光标 / TERM 123

悬停分层展开Hover Split

卡片上半和下半向两边轻轻分开。

123
LIVE PREVIEW
MOVE THE POINTER
IMAGE
✦ ✧ ✦↖
悬停分层展开
✦   MOTIONLEX

01 这个效果是什么

悬停时视觉层分成两个方向退开,露出中间的动作或文字。

02 可以这样告诉 AI

案例卡悬停后上层上移 8px、下层下移 8px,露出“查看详情”;焦点和触屏可获得同样入口。

03 做好后看什么

  • 露出的操作不会被图层挡住
  • 键盘和触屏有等效操作