"# CSS3有哪些新增的特性？\n\nCSS3是CSS的最新版本，引入了许多新的特性和功能，使得网页设计更加灵活和丰富。下面将简单介绍一些CSS3的新增特性。\n\n## 圆角（border-radius）\n\n通过使用border-radius属性，可以为元素的边框添加圆角。这使得网页设计更加柔和和现代化。例如，可以通过以下代码将一个盒子的边框设置为3像素的圆角：\n\ncss\n.box {\n border-radius: 3px;\n}\n\n\n## 阴影（box-shadow）\n\n通过使用box-shadow属性，可以为元素添加阴影效果。这使得元素看起来更加立体和有层次感。例如，可以通过以下代码为一个盒子添加一个浅灰色的阴影：\n\ncss\n.box {\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\n}\n\n\n## 渐变（gradient）\n\n通过使用gradient属性，可以为元素的背景添加渐变效果，从而实现更加丰富的背景效果。例如，可以通过以下代码为一个盒子添加从红色到蓝色的渐变背景：\n\ncss\n.box {\n background: linear-gradient(red, blue);\n}\n\n\n## 过渡（transition）\n\n通过使用transition属性，可以为元素的属性添加动画过渡效果。这使得元素的变化更加平滑和自然。例如，可以通过以下代码为一个按钮的背景颜色添加一个0.3秒的过渡效果：\n\ncss\n.button {\n transition: background 0.3s;\n}\n\n.button:hover {\n background: blue;\n}\n\n\n## 变形（transform）\n\n通过使用transform属性，可以对元素进行旋转、缩放、倾斜等变形操作。这使得元素的形状和位置更加灵活和多样化。例如，可以通过以下代码将一个图片旋转90度：\n\ncss\n.image {\n transform: rotate(90deg);\n}\n\n\n## 动画（animation）\n\n通过使用animation属性，可以为元素添加自定义的动画效果。这使得元素可以自动播放动画，从而增加页面的交互性和吸引力。例如，可以通过以下代码为一个盒子添加一个从左到右移动的动画效果：\n\ncss\n.box {\n animation: move 2s infinite;\n}\n\n@keyframes move {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(100px);\n }\n}\n\n\n以上只是CSS3新增特性的一小部分，还有许多其他功能和效果，如多列布局、媒体查询、字体变换等等。CSS3的引入使得网页设计更加灵活和多样化，为开发者提供了更多的选择和创造力。"
