Question

本章讲解了CSS3的很多新特性。CSS3渐变背景让我们可以使用纯代码来制作非常好看的背景效果，甚至可以设计出背景图案。我们还学习了如何使用text-shadow来制作浮雕文字，还学习了如何使用box-shadow来给元素的外部和内部添加阴影效果。

在响应式设计中，使用纯CSS3来制作这些视觉效果还会带来额外好处，这意味着元素效果不会像以往使用图片那样既费宽带又难维护。当然，有时使用图片是不可避免的，但CSS3为我们提供了非常大的灵活性。例如，本章我们使用CSS3多重背景图片给页面添加了多重背景，并分别指定了背景图片位置。这一技术结束了必须使用额外标签的历史。另外，我们使用这些特性来给响应式设计添加了一些酷炫的效果，在现代浏览器中，不论视口大小，都可尽情享受这些精妙的效果和美感。但在恼人的老版本浏览器如Internet Explorer中，无法渲染这些效果，不过问题倒也不严重。

截至目前，我们对CSS3特性的探索都停留在静态效果上：将页面上的元素排列在某个固定位置，并保持一种固定状态。其实，CSS3还可以做更多事情。下一章，我们将学习把一个元素从一种状态转换到另一种状态的方法，并且探索CSS此前从未涉及的领域：动画。