CSS3 Gradients 漸層效果
CSS3 Gradients 是用來設計漸層效果的新功能,在傳統的網頁設計中,如果要設計出一個漸層的背景顏色或一個具有漸層色彩的區塊,需要透過圖片的設計來處理,但是到了 CSS3 的發展,這樣的傳統設計思維有所改變,CSS3 推出了一個名為 Gradients 的功能,可以設計出不同的漸層效果,僅需透過 Gradients 的調整,例如漸層方向、漸層所呈現的顏色、漸層的呈現形狀,就可以很輕易的讓瀏覽器自己產生出漸層效果,可以應用在網頁本身的背景漸層效果或是區外的漸層視覺效果,優點是不用先設計漸層圖片、減少頻寬的浪費,而且漸層放大後的效果也比傳統的圖片式漸層效果好,因為是用瀏覽器自動產生的漸層,優點自然不在話下。
目前有兩種漸層效果,分別是線性漸層(Linear Gradients)以及徑向漸層(Radial Gradients),這兩者的設定方式不太一樣,實際的視覺效果也不一樣。
|