谷歌搜索的搜索框、按钮的这种鼠标悬停出现边缘阴影效果是怎么实现的?

作者站长头像
站长
· 阅读数 10

谷歌搜索的搜索框、按钮的这种鼠标悬停出现边缘阴影效果是怎么实现的?谷歌搜索的搜索框、按钮的这种鼠标悬停出现边缘阴影效果是怎么实现的?没找到相关的css

回复
1个回答
avatar
test
2024-06-30

box-shadow - CSS:层叠样式表 | MDN

answer image


OP 有时间的话,可以学习一下 DevTools 的各种 Tricks,就比如说这次可以通过在 element 面板中选择到对应的HTML元素,然后点击 answer image (切换元素状态/切换伪类)打开 :hover 就行了。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容