css3。0 阴影

CSS3.0为我们带来了许多新特性，其中阴影效果是最为常见的一种。通过CSS3.0的阴影特性，我们可以为元素添加出格形态或更高层次感的阴影效果，从而增强页面的视觉效果和用户体验。

.shadow {
box-shadow: 2px 2px 5px #696969;
}

如上所示的CSS代码，我们使用了box-shadow属性来为给定元素添加阴影效果。其中，2px表示阴影的水平偏移距离，2px表示阴影的垂直偏移距离，最后一个参数#696969则表示阴影的颜色值。

除此之外，box-shadow属性还有许多其他参数可供调整，如blur、spread、inset等，可根据需要灵活调整。

.box-shadow {
box-shadow: 2px 2px 5px #696969,
-2px -2px 5px #696969;
}

除了box-shadow，CSS3.0还为我们提供了text-shadow属性，可为文本添加阴影效果。

.text-shadow {
text-shadow: 2px 2px 5px #696969;
}

以上分别是box-shadow和text-shadow的使用示例，它们可以为不同的页面元素添加不同的阴影效果，让页面看起来更加生动有趣。

查看更多关于css3。0 阴影的详细内容...