css3中常用效果

CSS3作为前端开发中非常重要的一部分，其强大的效果让页面更加美观、精致。以下是CSS3中常用的效果：

/*圆角*/border-radius: 5px;
    /*阴影*/box-shadow: 5px 5px 5px #888;
    /*渐变*/background: -webkit-linear-gradient(red, yellow);
     /* Safari 5.1 - 6.0 */background: -o-linear-gradient(red, yellow);
     /* Opera 11.1 - 12.0 */background: linear-gradient(red, yellow);
     /* 标准版本 *//*旋转*/transform: rotate(45deg);
    /*缩放*/transform: scale(2);
    /*过渡*/transition: width 2s;
/*动画*/@-webkit-keyframes mymove {
from {
    left: 0px;
}
to {
    left: 200px;
}
}
    /*3D变换*/transform: perspective(1000px) rotateX(45deg);
    /*多重背景*/background-image: url(bg1.png), url(bg2.png), url(bg3.png);
    

以上是CSS3中常用的几种效果，应用它们可以让网站更具艺术性和科技感。当然，CSS3的效果还有很多，需要我们在实践中不断探索。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！