css3新加的元素

CSS3是CSS技术的最新版本，引入了许多新特性。在本文中，我们将介绍CSS3中的一些新加的元素。

/* 圆角 */
div {
  border-radius: 10px;
}

/* 边阴影 */
div {
  Box-shadow: 2px 2px 5px grey;
}

/* 文字阴影 */
h1 {
  text-shadow: 1px 1px 2px black;
}

/* 旋转 */
img {
  transform: rotate(20deg);
}

/* 过渡 */
a {
  transition: color 0.5s ease-in-out;
}
a:hover {
  color: red;
}

以上代码展示了CSS3中几个常用的新加的元素。其中，border-radius可以将一个元素的圆角处理成圆形或椭圆形；Box-shadow可以在元素边缘添加阴影；text-shadow可以在文字周围添加阴影，增强可读性；transform可以使元素进行旋转、移动和缩放等变形操作；transition可以使元素的属性在一段时间内平滑过渡。

这些新特性在网页设计中非常有用，可以使网页更加美观、生动。值得注意的是，不同的浏览器支持CSS3的情况不尽相同，开发者需要针对不同的浏览器进行相应的编写和兼容处理。