2010年网页设计的流行与趋势(4)

CSS3 技术

不确定你可以利用CSS3吗?再想想。网络先锋如Andy Clarke 和 Jeremy Keith一直提倡网页设计要“逐步加强”。

逐步增强是指在网站设计师时要兼顾到旧版浏览器的可用性，而“增强”则是针对喜欢最新技术的用户。

在这样的设计阵营，你利用可以尽情利用CSS3属性的优势，如圆角，边框背景和文本框阴影。新版浏览器用户会看到一个很好的版本，并且对旧版本用户( IE6同学，我就不每次都点名了)将看到较为基本的版本。

CSS3 动画

在网络上动画经历了很多阶段。起初，我们只能用GIF动画图片。然后，我们又几乎限于Flash。现在，我们可以选择的有Flash，Silverlight，以及GIF，JavaScript和甚至乎CSS3。CSS3更轻量，更易用，可创造令人难忘的微妙的动画。

圆角

在2005年和2006年的Web 2.0风格，使得圆角大受欢迎，恼人的问题是，在当时要实现这些可不容易。有没有固定可行的方法来建立真正的圆角。退而求其次的，大多都是利用CSS，JavaScript和图像来模拟。

现在CSS3允许浏览器直接生成圆角，不仅创建轻松，而且更有效率，因为用户不必下载额外的图片或JavaScript文件。

2010年，设计师正越来越多地利用浏览器的这些新功能优势。

图框和文本阴影

在网络的早期，利用阴影创造一种立体感是早已有之(甚至有时是用过头了)。但其实并不总是那么好搞的，要给文本添加阴影，你得使用的图片，从而增加加载时间，并且维护更加困难。框架阴影需要一些图片和CSS技巧，如“滑动门”。

CSS3具有阴影高度可定制的能力，这对于创新影响十分巨大，不仅包括阴影，还有内阴影。有创意设计师已经开始使用这些CSS3效果，模拟浮雕和压印的效果。

RGBa和半透明

多年来，使用不透明性和透明度，在网络上技术上是不可能的。你有三种选择：使用平面图像模拟的透明度，使用不能跨浏览器兼容的PNG格式，或者去折腾CSS基本的透明选择器和滤镜。

CSS3使得设计师在使用RGBa不透明属性时，更加稳定和自由。你可以在很多方面利用半透明的优点，其中之一就是使用半透明的颜色叠加到复杂背景时起到特别作用。之前，这种效果如果没有使用PNG是不切实际，也是不可能达到的。