CSS3：深度解析与实战应用

CSS3是CSS（层叠样式表）的最新版本，添加了许多新特性，如阴影、渐变、变换等。以下是一些CSS3的关键特性和实例代码：

1. 阴影（Box Shadow & Text Shadow）

div {
  box-shadow: 10px 10px 5px #888888;
}
 
span {
  text-shadow: 2px 2px 2px #888888;
}

2. 渐变（Gradients）

div {
  background: linear-gradient(to right, red , yellow);
}

3. 2D/3D变换（Transformations）

div {
  transform: rotate(45deg); /* 2D 旋转45度 */
}
 
div {
  transform: translate3d(20px, 20px, 20px); /* 3D 位置移动 */
}

4. 动画（Animations）

@keyframes myAnimation {
  from {background-color: red;}
  to {background-color: yellow;}
}
 
div {
  animation-name: myAnimation;
  animation-duration: 5s;
}

5. 圆角（Border Radius）

div {
  border-radius: 25px;
}

6. 多列布局（Multi-column Layout）

div {
  column-count: 3;
}

这些是CSS3的基本特性，实际应用中可以根据项目需求和浏览器支持情况选择和组合使用。