Hover

Hover State Layer (悬停状态层)

别称 Hover State, State layer, Hover overlay

一层半透明叠加层为元素染上颜色,表示指针正悬停其上。

设计系统组件

  • Hover
  • Focus
  • Pressed
  • Dragged
  • Selected
  • Activated

查看演示源码

提示词

将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。

在[应用位置]添加“悬停状态层”(Hover State Layer),也叫 hover state、state layer 或 hover overlay。
指针悬停时,一层使用内容颜色的淡淡半透明叠加层迅速淡入覆盖元素,指针离开后淡出。
保持足够淡,不影响对比度;聚焦和按下状态也使用同样的状态层做法。

将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。