css3新增方法是

CSS3是指Cascading Style Sheets（层叠样式表）的第三个版本。这个版本主要引入了一些新的特性和属性，让开发者们能够更加方便地控制网页的样式和外观。下面介绍一些CSS3新增的方法。

/* 1.盒子阴影（box-shadow） */div {
    box-shadow: 10px 10px 5px #888888;
}
/* 2.圆角边框（border-radius） */div {
    border-radius: 15px;
}
/* 3.渐变背景（background-gradient） */div {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
}
/* 4.文字阴影（text-shadow） */h1 {
    text-shadow: 2px 2px #888888;
}
/* 5.选择器（:nth-child） */li:nth-child(odd) {
    background-color: #f2f2f2;
}
/* 6.旋转（transform:rotate） */div {
    transform: rotate(45deg);
}
/* 7.过渡（transition） */div {
    transition: width 2s;
}
/* 8.动画（@keyframes） */@keyframes example {
0%   {
    background-color: red;
}
50%  {
    background-color: yellow;
}
100% {
    background-color: green;
}
}
/* 9.弹性盒子（flexbox） */.container {
    display: flex;
}
/* 10.网格布局（grid） */.container {
    display: grid;
}
    

以上是CSS3新增的一些方法，这些方法能够让开发者们更加灵活地控制网页的样式和外观。

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