CSS3中的阴影效果是一个非常有用的特性，它可以为页面元素添加阴影效果，使其更加立体和有深度感。阴影效果是通过box-shadow属性来实现的，该属性可以设置元素的阴影效果。

box-shadow: h-shadow v-shadow blur spread color inset;

其中，h-shadow表示水平方向上的阴影偏移量，v-shadow表示垂直方向上的阴影偏移量，blur表示阴影的模糊程度，spread表示阴影的扩散程度，color表示阴影的颜色，inset表示将阴影设置为元素内部位置。

下面是一个简单示例，给一个div元素添加阴影效果：

div {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 5px 5px 5px #888888;
}

上述代码中，设置了div元素的宽高和背景颜色，并且使用box-shadow属性设置了阴影效果，其中阴影偏移量为5px，阴影模糊程度为5px，阴影颜色为#888888。

除了上述常见属性外，box-shadow还有一些其他的小技巧，比如通过多个阴影叠加来达到更多层数的效果：

div {
height: 100px;
background-color: #f00;
box-shadow: 0 0 20px #000, 0 0 10px #000, 0 0 5px #000;
}

上述代码中，设置了三个不同层次的阴影效果，每个阴影之间通过逗号来隔开。

总之，CSS3中的阴影效果可以给页面元素增加更多立体感和层次感，使用灵活，同时也要注意不要过度使用。