CSS3是CSS的第三个版本，是一种用于描述网页内容样式的语言。它引入了很多新特性，如圆角、阴影、渐变、变换、过渡、动画、自适应布局等，以下是CSS3的一些新特性及介绍和如何使用：
- Border-radius（圆角）：使用border-radius属性可以实现元素的圆角效果。使用示例：
border-radius: 10px;
- Box-shadow（阴影）：使用box-shadow属性可以在元素周围添加阴影效果。使用示例：
box-shadow: 10px 10px 5px grey;
- Text-shadow（文字阴影）：使用text-shadow属性可以在文字周围添加阴影效果。使用示例：
text-shadow: 2px 2px 2px grey;
- Gradient（渐变）：使用linear-gradient或radial-gradient可以实现渐变效果。使用示例：
background: linear-gradient(to bottom, #000000, #ffffff);
- Transform（变换）：使用transform属性可以实现元素的旋转、缩放、位移等变换效果。使用示例：
transform: rotate(45deg);
- Transition（过渡）：使用transition属性可以实现元素的过渡效果。使用示例：
transition: background-color 1s ease;
- Animation（动画）：使用animation属性可以实现元素的动画效果。使用示例：
animation: myanimation 2s ease infinite;
- Flexbox布局：使用flexbox布局可以更方便地实现自适应布局。使用示例：
display: flex;
- Grid布局：使用grid布局可以实现更复杂的自适应布局。使用示例：
display: grid;
- @media查询：使用@media查询可以根据设备的大小、尺寸和方向来应用不同的样式。使用示例：
@media screen and (max-width: 768px) {
/* 样式 */
}
- Calc（计算）：使用calc函数可以在CSS中进行简单的数学计算。使用示例：
width: calc(100% - 20px);
- Box-sizing：使用box-sizing属性可以更好地控制元素的盒子模型。使用示例：
box-sizing: border-box;
- Object-fit：使用object-fit属性可以更好地控制图片的尺寸和位置。使用示例：
object-fit: cover;
- Filter（滤镜）：使用filter属性可以为元素添加滤镜效果。使用示例：
filter: blur(5px);
- Perspective（透视）：使用perspective属性可以为元素添加3D效果。使用示例：
perspective: 1000px;
总之，CSS3为Web设计师提供了更多的控制和创意自由，使得网页设计更加丰富多彩。可以通过在CSS文件中使用以上新特性的示例代码来实现相应的效果。
结语
牵手 持续为你分享各类知识和软件 ，欢迎访问、关注、讨论 并留下你的小心心❤