免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖



CSS3 Gradients 漸層效果

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

  目前有兩種漸層效果,分別是線性漸層(Linear Gradients)以及徑向漸層(Radial Gradients),這兩者的設定方式不太一樣,實際的視覺效果也不一樣。



TOP

本帖最後由 rainbow 於 2020-7-20 11:51 編輯

大标题

文字开始





TOP

本帖最後由 rainbow 於 2020-7-20 13:29 編輯

大标题

文字开始





TOP



TOP

大标题

文字开始





TOP

本帖最後由 rainbow 於 2020-11-13 09:47 編輯

有色中空阴影字



有色中空阴影字



有色中空阴影字



有色中空阴影字



TOP

本帖最後由 rainbow 於 2020-7-30 19:48 編輯

大标题

文字开始……。





TOP

本帖最後由 rainbow 於 2020-7-26 10:10 編輯

大标题

文字开始……。





TOP

大标题

文字开始……。





TOP

本帖最後由 rainbow 於 2020-7-26 10:34 編輯

大标题

文字开始……。





TOP

大标题

文字开始……。





TOP

本帖最後由 rainbow 於 2020-7-26 18:35 編輯

大标题

文字開始……。



TOP

本帖最後由 rainbow 於 2020-7-26 20:10 編輯

大标题


 文字开始……。




TOP

本帖最後由 rainbow 於 2021-9-28 17:07 編輯

大标题

文字開始……。



大标题

文字開始……。



大标题

文字開始……。



TOP

大标题

文字开始……。





TOP

返回列表