在css中，可以利用“:hover”选择器和“box-shadow”属性实现鼠标悬停时的阴影效果，语法为“元素:hover{box-shadow:水平阴影位置 垂直阴影位置;}”。
成都创新互联专业为企业提供常熟网站建设、常熟做网站、常熟网站设计、常熟网站制作等企业网站建设、网页设计与制作、常熟企业网站模板建站服务，十年常熟做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。
怎样用css3实现鼠标悬停时的阴影效果
在css中，想要实现鼠标悬停时的阴影效果，可以利用“:hover”选择器和“box-shadow”属性实现。
box-shadow属性可以设置一个或多个下拉阴影的框。
示例如下：
输出结果：
（学习视频分享：css视频教程）
