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 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。