CSS3中實(shí)現(xiàn)陰影效果的方法

在CSS3中，可以使用box-shadow屬性來(lái)實(shí)現(xiàn)陰影效果，這個(gè)屬性可以添加多個(gè)陰影，并且可以設(shè)置陰影的顏色、模糊度、大小以及位置等屬性。

下面是一個(gè)簡(jiǎn)單的例子，展示如何使用box-shadow屬性給元素添加陰影：

div {
  width: 200px;
  height: 200px;
  background-color: #ff0000;
  box-shadow: 10px 10px 5px #000000;
}

在這個(gè)例子中，box-shadow屬性的值10px 10px 5px #000000表示：

10px：水平陰影的位置

10px：垂直陰影的位置

5px：陰影的模糊度

#000000：陰影的顏色

你可以根據(jù)需要調(diào)整這些值來(lái)實(shí)現(xiàn)不同的陰影效果。box-shadow屬性還支持添加多個(gè)陰影，只需要在屬性值中逗號(hào)分隔每個(gè)陰影的定義即可。

CSS3還提供了text-shadow屬性，用于給文本添加陰影，其使用方法和box-shadow類(lèi)似，只是作用范圍不同。