.box{
box-shadow: 1px 2px 4px rgba(0,0,0,0.5);
}样式规则中的box-shadow属性定义了阴影的类型、位置、大小和颜色。对于“.box”元素，它的阴影是由1px的水平偏移量、2px的垂直偏移量、4px的模糊半径和颜色为rgba(0,0,0,0.5)的阴影组成的。
除了box-shadow，CSS3还提供了text-shadow属性，可以为文本添加阴影效果。text-shadow属性的用法和box-shadow类似，它可以定义文本阴影的位置、大小和颜色。
.title{
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}上面的代码为class为“title”的元素定义了1px的水平偏移量、1px的垂直偏移量、1px的模糊半径和颜色为rgba(0,0,0,0.5)的文本阴影。
除了基本的阴影效果外，CSS3还提供了一些高级的阴影特效。比如，使用多个阴影可以为元素创建出更加丰富多彩的阴影样式。
.box{
box-shadow: 1px 1px 7px rgba(0,0,0,0.5), -1px -1px 7px rgba(255,255,255,0.3);
}上面的代码将两个阴影组合起来，一个阴影的颜色为黑色，另一个阴影的颜色为白色。这种效果常常被用来创建出类似凸起或者凹陷的样式。
总之，CSS3阴影特效是一种非常有用的技术，可以帮助前端开发者为网站添加更加生动、立体的效果。无论是基本的阴影还是高级的阴影特效，都可以通过CSS3来轻松实现。