CSS3新增特性

CSS3是CSS（层叠样式表）的一个版本，它于2011年被广泛应用于网页设计。CSS3包含了许多新的特性，例如：

1. 选择器（Selector）：更加丰富和灵活，例如属性选择器、结构性伪类选择器等。
2. 背景和边框：例如圆角、阴影、渐变、边框图片等。
3. 文字效果：例如文字阴影、文字描边、字体的线性、径向、SVG等。
4. 2D/3D转换：例如旋转、缩放、移动、倾斜等。
5. 动画和过渡：例如通过@keyframes创建动画、transition平滑过渡等。
6. 多列布局：multi-column layout。
7. 用户界面：例如滚动条样式、选择框图标等。

以下是一些CSS3的示例代码：

1. 圆角边框：

div {
  border: 2px solid #000;
  border-radius: 10px; /* 圆角的半径 */
}

2. 阴影效果：

div {
  box-shadow: 5px 5px 10px #888888; /* 水平偏移 垂直偏移 模糊距离 颜色 */
}

3. 线性渐变背景：

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

4. 2D转换：

div:hover {
  transform: rotate(30deg); /* 旋转30度 */
}

5. 关键帧动画：

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

CSS3是现代网页设计的核心，有助于创建更加生动和现代化的网站。