css3是css的升级版，它增加了很多新的特性，使得我们可以更加灵活地控制页面的样式和效果。本文将介绍css3的用法，帮助你更好地掌握css3。
嵌入字体
在CSS3中，我们可以使用@font-face规则嵌入字体。这意味着我们不再需要依靠浏览器默认的字体库，而是可以使用我们自己定义的字体，从而实现更好的页面效果。
@font-face {
}
边框样式
在CSS3中，我们可以使用更多的边框样式，例如圆角边框、阴影边框等。这些边框样式可以让我们的页面更加美观和独特。
立即学习
“
前端免费学习笔记（深入）
”；
border-radius: 5px; /
圆角边框
/
box-shadow: 2px 2px 5px #333; /
阴影边框
/
渐变色
CSS3中的渐变色可以让我们更加方便地实现颜色渐变效果。我们可以定义线性渐变或径向渐变，设置起始颜色和结束颜色，从而实现各种各样的渐变效果。
background: linear-gradient(to right, red, blue); /
线性渐变
/
background: radial-gradient(circle, red, blue); /
径向渐变
/
伸缩布局
在CSS3中，我们可以使用flexbox布局，这种布局方式可以让我们更加方便地实现页面布局。flexbox布局可以通过设置容器的属性，来实现各种排列方式，例如水平排列、垂直排列等。
display: flex; /
设为flex容器
/
flex-direction: row; /
水平排列
/
justify-content: center; /
居中对齐
/
动画效果
CSS3中的动画效果可以让我们实现各种各样的动画效果，例如渐变、旋转、移动等效果。我们可以设置动画的起始状态和结束状态，以及动画的时间和曲线类型，从而实现我们想要的动画效果。
animation: myanimation 2s ease-in-out; /
设置动画
/
@keyframes myanimation {
} /
定义动画效果
/
总结
通过本文的介绍，我们了解了CSS3的各种用法，包括嵌入字体、边框样式、渐变色、伸缩布局和动画效果。这些新特性为我们实现更好的页面效果提供了更多的可能性。当然，这些只是CSS3的一部分内容，还有很多需要我们去学习和掌握。
font-family: "MyFont";
src: url("myfont.ttf"); from { opacity: 0; }
to { opacity: 1; }