CSS3相较于之前的版本，新增了许多强大的特性，这些特性为前端开发者提供了更多的可能性和灵活性，使得网页的视觉效果更加丰富多彩，交互性更强。以下是一些主要的CSS3新增特性：
-
选择器：CSS3引入了更多的选择器，包括属性选择器、伪类选择器（如:hover、:active、:visited）、伪元素选择器（如::before、::after）以及多重选择器，使得选择元素更加灵活和精确。
-
边框与圆角：通过border-radius属性，开发者可以轻松地给任何HTML元素添加圆角，创建出圆形、椭圆形或具有不同角度的矩形边框。同时，box-shadow属性允许为元素添加阴影效果，增强页面的三维感和层次感。
-
渐变：CSS3支持线性渐变和径向渐变，这使得开发者可以在元素的背景中创建平滑过渡的颜色效果，摆脱了以往只能使用单色背景的限制。
-
变形与动画：transform属性允许对HTML元素进行旋转、缩放、倾斜和平移等变换操作，从而制作出炫酷的动画效果。此外，CSS3还提供了transition和animation属性，用于创建平滑的过渡效果和复杂的动画序列。
-
字体与文本效果：CSS3提供了更多的字体控制选项，如使用@font-face规则引入自定义字体文件。同时，还新增了如text-shadow、text-overflow等文本效果属性，用于增强文本的视觉效果。
-
多列布局与弹性盒子：CSS3引入了多列布局（Multi-column Layout），允许将文本内容分成多列显示。另外，Flexbox（弹性盒子布局）和Grid（网格布局）也为开发者提供了更灵活和强大的布局工具。
-
媒体查询与响应式设计：媒体查询是CSS3中实现响应式设计的关键工具。通过媒体查询，开发者可以根据设备的屏幕尺寸、分辨率等特性来应用不同的CSS样式，从而确保网页在不同设备上都能良好地显示和运行。
-
过滤效果：CSS3的filter属性允许应用各种图形效果到元素上，例如模糊、亮度调整、对比度调整等，为网页元素增添特殊的视觉效果。
综上所述，CSS3的新增特性极大地丰富了前端开发者的设计手段，使得网页更加美观、动态和交互性更强。
标签：CSS3,效果,哪些,元素,特性,选择器,属性 From： https://www.cnblogs.com/ai888/p/18666606