CSS3引入了很多新特性，比如：
1. 选择器：CSS3引入了新的选择器，如伪类选择器、伪元素选择器等，使得选择元素更加灵活和精确。
2. 边框圆角：CSS3允许通过 border-radius 属性为元素的边框添加圆角，创建圆形、椭圆形或具有不同角度的矩形边框。
3. 盒阴影：使用 box-shadow 属性，可以为元素添加投影效果，包括阴影的颜色、大小、模糊度和偏移量等。
4. 渐变：CSS3引入了线性渐变和径向渐变，允许在元素的背景中创建平滑过渡的颜色效果。
5. 过渡：通过使用 transition 属性，可以实现在元素状态改变时平滑地过渡属性值，如颜色、大小、位置等，提供更丰富的动画效果。
6. 动画：CSS3的 @keyframes 规则允许创建复杂的动画效果，通过定义关键帧和过渡细节来控制动画的执行。
7. 变形：使用 transform 属性，可以对元素进行旋转、缩放、倾斜和平移等变换操作，创造出令人惊艳的效果。
8. 字体：CSS3提供了更多的字体控制选项，包括使用 @font-face 规则引入自定义字体文件，以及设置字体的粗细、斜体、大小调整和字间距等。
9. 多列布局：通过 column-count 和 column-width 等属性，可以将文本内容分成多列显示，类似报纸或杂志的版面布局。
10. 媒体查询：媒体查询允许根据设备的特性和屏幕尺寸来适应不同的样式和布局。通过媒体查询，可以创建响应式网页设计，使网页在不同设备上显示良好。
11. 弹性盒子布局： Flexbox 是一种用于创建灵活且自适应布局的模型。它通过定义容器和项目之间的关系，实现了更简洁和可伸缩的布局方式，使得元素在不同屏幕尺寸下能够自动调整和对齐。
12. 网格布局： Grid 布局是一个强大的二维网格系统，可用于更复杂的布局需求。它允许将页面分割为行和列，控制项目在网格中的位置和大小，实现灵活的网格布局。
13. 过滤效果：CSS3的 filter 属性允许应用各种图形效果到元素上，如模糊、亮度调整、对比度调整、灰度化、色彩反转等，为图像和元素添加特殊的视觉效果。
这些是CSS3的一些重要特性，现在各浏览器兼容性也可以，很好的丰富了页面的展示，像很多不难的动画效果能用css3实现的话就不用劳烦js了。
文章来源: 博客园
- 还没有人评论，欢迎说说您的想法！
客服
