css3怎样给文字添加阴影效果，div添加阴影

css3怎样给文字添加阴影效果，div添加阴影

用css3给文字添加阴影效果也是提升体验感的一种好方法哟。今天小编我就给大家分享用css3给文字添加阴影效果的经验。这样大家就可以自己添加文字和div的阴影效果了哦。

先来看下小编的这个h3案例文字是没有阴影效果的哦。

接着就要设置h3的style以此来添加text-shadow,这个就是文字的阴影了哦。它的参数分别表示阴影的水平距离，垂直距离以及模糊程度和阴影的颜色了。

前两个数值越大距离原来文字的距离就会越远哦。而第三个值越大那么阴影就会越模糊哦。

div元素添加阴影效果也是差不多的情况，不过用到的是box-shadow属性而已，参数也是一样的。

比方小编我就设置了div元素的红色阴影效果。

如果想要让div元素的阴影效果更加的逼真，那么可以适当的缩写数值哦。

这样div阴影效果就出来了哟。当然阴影效果还可以配合鼠标经过事件等，展开大脑思考让阴影效果更加炫酷吧。