CSS3 技術(shù)

不確定你可以利用CSS3嗎?再想想。網(wǎng)絡(luò)先鋒如Andy Clarke 和 Jeremy Keith一直提倡網(wǎng)頁設(shè)計要“逐步加強”。

逐步增強是指在網(wǎng)站設(shè)計師時要兼顧到舊版瀏覽器的可用性，而“增強”則是針對喜歡最新技術(shù)的用戶。

在這樣的設(shè)計陣營，你利用可以盡情利用CSS3屬性的優(yōu)勢，如圓角，邊框背景和文本框陰影。新版瀏覽器用戶會看到一個很好的版本，并且對舊版本用戶( IE6同學，我就不每次都點名了)將看到較為基本的版本。

CSS3 動畫

在網(wǎng)絡(luò)上動畫經(jīng)歷了很多階段。起初，我們只能用GIF動畫圖片。然后，我們又幾乎限于Flash�，F(xiàn)在，我們可以選擇的有Flash，Silverlight，以及GIF，JavaScript和甚至乎CSS3。CSS3更輕量，更易用，可創(chuàng)造令人難忘的微妙的動畫。

圓角

在2005年和2006年的Web 2.0風格，使得圓角大受歡迎，惱人的問題是，在當時要實現(xiàn)這些可不容易。有沒有固定可行的方法來建立真正的圓角。退而求其次的，大多都是利用CSS，JavaScript和圖像來模擬。

現(xiàn)在CSS3允許瀏覽器直接生成圓角，不僅創(chuàng)建輕松，而且更有效率，因為用戶不必下載額外的圖片或JavaScript文件。

2010年，設(shè)計師正越來越多地利用瀏覽器的這些新功能優(yōu)勢。

圖框和文本陰影

在網(wǎng)絡(luò)的早期，利用陰影創(chuàng)造一種立體感是早已有之(甚至有時是用過頭了)。但其實并不總是那么好搞的，要給文本添加陰影，你得使用的圖片，從而增加加載時間，并且維護更加困難。框架陰影需要一些圖片和CSS技巧，如“滑動門”。

CSS3具有陰影高度可定制的能力，這對于創(chuàng)新影響十分巨大，不僅包括陰影，還有內(nèi)陰影。有創(chuàng)意設(shè)計師已經(jīng)開始使用這些CSS3效果，模擬浮雕和壓印的效果。

RGBa和半透明

多年來，使用不透明性和透明度，在網(wǎng)絡(luò)上技術(shù)上是不可能的。你有三種選擇：使用平面圖像模擬的透明度，使用不能跨瀏覽器兼容的PNG格式，或者去折騰CSS基本的透明選擇器和濾鏡。

CSS3使得設(shè)計師在使用RGBa不透明屬性時，更加穩(wěn)定和自由。你可以在很多方面利用半透明的優(yōu)點，其中之一就是使用半透明的顏色疊加到復雜背景時起到特別作用。之前，這種效果如果沒有使用PNG是不切實際，也是不可能達到的。