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来设计新颖的布局和动画效果。