css3有哪些新增样式

CSS3是一种用于美化网页的样式标记语言，随着时间的推进和发展，CSS3也逐渐更新了许多新增样式，这些新的样式不仅可以让页面更加美观，也可以提高用户体验。

以下是CSS3中新增的一些样式特性：

 /*1.圆角*/    .box {
            border-radius: 10px;
    }
        /*2.渐变*/    .box {
            background: linear-gradient(to bottom, red, blue);
    }
        /*3.阴影*/    .box {
            box-shadow: 5px 5px 5px grey;
    }
        /*4.透明度*/    .box {
            opacity: 0.5;
    }
        /*5.旋转*/    .box {
            transform: rotate(45deg);
    }
        /*6.过渡*/    .box {
            transition: all 0.5s;
    }
        /*7.动画*/    .box {
            animation: myanimation 2s infinite;
    }
     

圆角：使用border-radius属性可以将矩形的四个角变成圆角，使得网页更加圆润。

渐变：使用background属性加上linear-gradient属性可以让网页背景呈现出色彩流转的效果。

阴影：使用box-shadow属性可以给元素添加阴影，让网页看起来更加立体感。

透明度：使用opacity属性可以控制元素的透明度，让网页更加柔和。

旋转：使用transform属性可以将元素旋转，让网页更加有趣。

过渡：使用transition属性可以添加元素过渡效果，使得网页更加优雅。

动画：使用animation属性可以让元素动起来，使得网页更加生动。

总之，CSS3的新增样式为我们的网页设计提供了更多可能性和创意，让网页具有更多可玩性、趣味性。

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