css3改进 |css3 设置z轴

CSS3可以用于创建平滑的边框、渐变、阴影和图像等。在CSS3中，大家可以使用border-radius属性来创建圆形或椭圆形的边框，使用box-shadow属性来添加阴影效果，使用linear-gradient属性来创建渐变色。

div {
border-radius: 50%;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
background: linear-gradient(to right, #ff69b4, #87cefa);
}

CSS3还提供了更多的字体、文本和动画效果。大家可以使用font-face属性来引入自己的字体，使用text-shadow属性来创建文字阴影，使用animation属性来创建动画效果。CSS3中的动画效果可以通过关键帧来实现，让大家能够创建更加丰富多彩的网页效果。

@font-face {
font-family: "myfont";
src: url("myfont.woff");
}
h1 {
font-family: "myfont";
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

总的来说，CSS3为大家的网页设计提供了许多新的选择和可能性，它的出现使得网页效果更加美观、丰富，更加接近实际场景的效果。因此，学习并使用CSS3已经成为网页设计中必不可少的技能。