你可能会说
你可以说：「鼠标放上去的时候变个颜色/放大一点」，描述的就是 hover 效果。
鼠标移到某个元素上方（不点击）时触发的效果。
鼠标移到某个元素上方（不点击）时触发的效果。比如按钮变色、卡片浮起、出现提示文字。
生活类比
像商场里走近一个摊位，摊主就热情招呼你——你还没买（点击），但他已经响应了。
🎮 动手试试
👇 把鼠标移到下面的按钮/卡片上试试
鼠标移上去就能触发 hover
关于「悬停」，以下哪个描述最准确？
你可以这样告诉 AI
帮我的按钮加上 hover 效果：鼠标放上去时背景色从蓝色渐变到深蓝，同时放大 5%，加一个 0.3 秒的平滑过渡。
Hover 是鼠标悬停（不点击）触发的效果，Click 是按下鼠标触发的。Hover 用于预览/提示，Click 用于执行操作。
Hover 需要鼠标，Focus 是键盘 Tab 导航到元素时的状态。无障碍设计两者都要考虑。
按钮/Hover 反馈
鼠标悬停时给按钮变色、卡片浮起、图标放大等微交互，让用户感知元素是可点击的。
和 AI 协作时
想让 AI 帮你加悬停效果时，直接说「鼠标放上去的时候背景变深、加个过渡动画」即可。
触屏设备不需要
手机上根本没有 hover，所有依赖悬停的操作都必须有替代方案（如长按或点击展开）。
无障碍设计替代
仅靠颜色变化传达信息的 hover 效果对色弱用户无效，应配合文字或边框变化。
鼠标移到某个元素上方（不点击）时触发的效果。比如按钮变色、卡片浮起、出现提示文字。
像商场里走近一个摊位，摊主就热情招呼你——你还没买（点击），但他已经响应了。
和 AI 沟通时提到「鼠标放上去的时候变个颜色/放大一点」，描述的就是 hover 效果。