/* 圆角 */ div { border-radius: 10px; } /* 阴影 */ div { box-shadow: 5px 5px 5px #888; } /* 渐变 */ div { background: linear-gradient(to bottom, #333, #999); } /* 变形 */ div { transform: rotate(20deg); }
上面代码中,大家使用了几个CSS3的新增特性。首先是border-radius属性,可以让大家把一个矩形元素变成圆角矩形。然后是box-shadow属性,可以为一个元素添加阴影。接着是linear-gradient属性,可以为一个元素添加渐变背景。最后是transform属性,可以使一个元素进行旋转、缩放、平移等变形操作。
除了上面的这些,CSS3还有很多其他的新增特性,比如动画、多列布局、媒体查询等。它们使得大家在设计网页时更加灵活自由,可以实现更复杂的效果,并为用户提供更好的体验。