Hover

Focus Cards (聚焦卡片)

別稱 Blur siblings on hover, Hover focus blur, Card hover effect

懸停的卡片保持清晰,其餘卡片變得模糊、變暗。

卡片網格、藝廊

  • Focus Cards

查看示範原始碼

提示詞

將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。

在[套用位置]加入「聚焦卡片」(Focus Cards) 效果,也叫懸停時模糊其他卡片 (blur siblings on hover)、懸停聚焦模糊 (hover focus blur) 或卡片懸停效果 (card hover effect)。
游標停在某張卡片上時,其他卡片變模糊、變暗並略微縮小,懸停的卡片保持清晰;整個過程平順過渡,游標移開後恢復原狀。
鍵盤焦點時也採用同樣的聚焦效果;沒有懸停任何卡片時,所有卡片都保持清楚易讀。

將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。