CSS3引入了许多新特性，这些特性使得网页设计更加灵活和美观。以下是一些主要的CSS3新特性：
选择器
属性选择器
伪类选择器（如：`:hover`, `:active`, `:visited`）
伪元素选择器（如：`::before`, `::after`）
多重选择器（如：`element1, element2`）
盒模型
`box-sizing`属性，可以改变默认的CSS盒模型，使得布局更加容易。
颜色和透明度
支持`rgba（）`, `hsla（）`, `opacity`来设置颜色和透明度。
新增了颜色空间，如RGBA、HSL和HSLA。
背景
`background-size`属性，可以改变背景图像的大小。
`background-repeat`属性，可以改变背景图像的重复行为。
`background-position`属性，可以移动背景图像。
边框和阴影
`border-radius`属性，可以创建圆角边框。
`box-shadow`属性，可以为元素添加阴影效果。
`text-shadow`属性，可以为文字添加阴影效果。
文字效果
增加了对文本装饰（如：`text-stroke-color`）的支持。
`text-overflow`属性，可以处理文本溢出的情况。
布局和流式布局
弹性盒模型（Flexbox）
多列布局（`column-count`）
媒体查询（`@media`），可以根据设备特性调整样式。
动画和过渡
`@keyframes`规则，可以创建复杂的动画效果。
`transition`属性，可以实现平滑的属性过渡效果。
响应式设计
通过媒体查询，可以根据屏幕尺寸调整布局和样式。
其他特性
`@font-face`规则，可以引入自定义字体。
支持RGB颜色和透明度。
支持多背景图片。
支持边框背景图。
支持元素的旋转、缩放、倾斜、移动以及动画效果。
这些特性大大增强了CSS的表现力，使得现代网页设计更加丰富和动态