css3阴影text-shadow

CSS3阴影是一个非常有用的样式效果，并且它可以帮助我们使文本和其他元素在页面上更加引人注目。其中一种阴影效果是text-shadow，它可以为文本添加阴影，在视觉效果上能够增加层次感和深度。

p {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
} 

在上面的代码中，我们为p标签添加了一个text-shadow的效果。其中，第一个参数是水平偏移量，第二个参数是垂直偏移量，第三个参数是模糊半径，最后一个参数是阴影颜色。对于颜色参数，我们可以使用固定的颜色值，也可以使用rgba()函数来控制不透明度。

p {
    text-shadow: 0 0 10px #f00;
} 

在这个例子中，我们为p标签添加了一个红色的阴影，它的模糊半径为10px。水平和垂直偏移量都设置为0，所以阴影的位置和文本完全重合。这个效果可以帮助我们让文本看起来更加立体和突出。

p {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5),
                 0 0 10px rgba(0, 0, 0, 0.5),
                 0 0 15px rgba(0, 0, 0, 0.5);
} 

另外，我们也可以使用多重阴影效果来为文本添加更多的层次感。在这个例子中，我们为p标签添加了三个不同大小的阴影，阴影的颜色和不透明度都相同。这个效果可以帮助我们让文本看起来更加立体、深度和丰富。

总之，CSS3阴影是一个非常实用的样式效果，它可以为我们的页面元素提供更多的视觉层次感和深度。使用text-shadow可以为文本添加阴影效果，并可以根据我们的需要来设置不同的参数和属性。