CSS3阴影可以通过以下两种方式创建：
1. 盒模型阴影
2. 渐变阴影
## 1. 盒模型阴影
盒模型阴影是通过在元素周围的盒子上添加阴影来实现的。这种阴影效果是最基本的，也是使用最广泛的。使用盒模型阴影的效果是，元素周围会产生一个渐变的阴影效果，取决于元素的相对位置。
以下是一个简单的使用盒模型阴影的例子：
“`html
<div class=”box-shadow”>
<div class=”content”>
这是一个阴影效果的内容。
</div>
</div>
在上面的例子中，大家创建了一个名为“box-shadow”的CSS类，它定义了阴影的宽度、高度和颜色。大家使用“.content”作为CSS类选择器的名称，因为它的父元素是“div”，并拥有“.box-shadow”选择器。
CSS类的具体样式如下：
“`css
.box-shadow {
box-shadow: 0px 0px 10px #ccc; /* 宽度、高度和颜色 */
在上面的示例中，大家使用了黑色作为阴影的颜色，并指定了阴影的宽度、高度和半径。这个例子中阴影的宽度是10px，高度是30px，半径是5px。
请注意，盒模型阴影的效果取决于元素的相对位置。如果元素在另一个元素的下方，则阴影将向下渐变；如果元素在另一个元素的上方，则阴影将向上渐变。
## 2. 渐变阴影
渐变阴影是通过在元素周围添加一系列的阴影来实现的，每个阴影都有不同的颜色和半径。这种阴影效果比盒模型阴影更加逼真，因为它可以根据元素的相对位置产生不同的颜色和形状。
以下是一个简单的使用渐变阴影的例子：
“`html
<div class=”box-shadow”>
<div class=”content”>
这是一个阴影效果的内容。
</div>
</div>
在上面的例子中，大家创建了一个名为“box-shadow”的CSS类，它定义了阴影的宽度、高度和颜色。大家使用“.content”作为CSS类选择器的名称，因为它的父元素是“div”，并拥有“.box-shadow”选择器。
CSS类的具体样式如下：
“`css
.box-shadow {
box-shadow: 0px 0px 10px #ccc; /* 宽度、高度和颜色 */
background-color: #e8e8e8; /* 背景颜色 */
在上面的示例中，大家使用了深灰色作为背景颜色，并指定了阴影的宽度、高度和半径。阴影的宽度是10px，高度是30px，半径是5px。
请注意，渐变阴影的效果比盒模型阴影更加逼真，因为它可以根据元素的相对位置产生不同的颜色和形状。但是，它需要更多的代码来实现。
总之，CSS3阴影可以创造出逼真和有趣的视觉效果。通过使用盒模型阴影和渐变阴影，大家可以创建不同形状的的阴影效果，以适应不同的应用场景。