[分享]css3新增了啥

CSS3是一种最新的样式表语言，其中包含了许多新功能。在本文中，我们将会介绍几个最常见的新特性。

/*圆角*/
div{
  border-radius: 10px;
}
/*阴影*/
div{
  box-shadow: 2px 2px 10px #999;
}
/*渐变*/
div{
  background: linear-gradient(to bottom, #000, #FFF);
}
/*旋转*/
div{
  transform: rotate(45deg);
} 

第一个新特性是圆角。在之前的CSS版本中，使用CSS快速创建带有圆角的元素是非常困难的。但是在CSS3中，可以使用border-radius属性轻松实现元素的圆角和半圆角样式。

接下来是阴影。box-shadow属性使页面中的元素可以拥有阴影效果。这是一个简单的方法，可以帮助设计师造出更具层次感和深度感的页面。

第三个特性是渐变。由于渐变是非常常见的样式，在CSS3中，linear-gradient属性可以轻松创建渐变色。

最后，我们来看看旋转。在CSS3中，transform属性允许我们在不改变元素布局的情况下对其进行旋转。这使得设计师可以轻松地通过CSS来设计新颖的布局和动画效果。