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是不切實際，也是不可能達到的。