这个效果,适合怎么用?
聚光效果用局部光晕强调当前关注的卡片,适合服务套餐、产品特点或解决方案列表。光随鼠标移动,离开后自然归位,不改变原有内容布局。
演示采用 CSS 渐变与容器内的指针坐标。应用到客户模板时可调节亮度、边框颜色和响应范围。手机没有悬停,应保留静态卡片样式,并在轻触或键盘聚焦时给出相应反馈。
放在哪些位置
服务卡片功能列表套餐选择
搭配与使用建议
- 光晕只做辅助强调,按钮和文字仍保持明确。
- 为键盘聚焦提供可见状态,不能只靠鼠标悬停。
- 触摸设备保留静态高光,避免模拟整屏鼠标跟随。
启讯原创实现 · 局部渐变与指针响应