lineargradient用CSS如何設置網頁漸變背景?

lineargradient  時間:2021-06-22  閱讀:()

css中顏色漸變怎么寫

線性漸變 - 從上到下(默認情況下) #grad {background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(red, blue); /* 標準的語法 */ } 從左到右的線性漸變:e799bee5baa6e79fa5e98193e78988e69d8331333363353765 #grad { background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, red , blue); /* 標準的語法 */

用CSS如何設置網頁漸變背景?

在background-image屬性中使用linear-gradient()。

background-image:?[?,??] ?=??|?none 默認值:none 適用于:所有元素 繼承性:無 動畫性:否 計算值:指定值 取值: none:無背景圖。

:使用絕對或相對地址指或者創建漸變色來確定圖像。

?=?linear-gradient([?[??|?to??]?,]??<>[,?<>]+) ?=?[left?|?right]?||??|?bottom] <>?=??[??|??]? 取值: 下述值用來表示漸變的方向,可以使用角度或者關鍵字來設置: : 用角度值指定漸變的方向(或角度)。

to?left: 設置漸變為從右到左。

相當于:?270deg to?right: 設置漸變從左到右。

相當于:?90deg : 設置漸變從下到上。

相當于:?0deg to?bottom: 設置漸變從上到下。

相當于:?180deg。

這是默認值,等同于留空不寫。

<>?用于指定漸變的起止顏色: : 指定顏色。

: 用長度值指定起止色位置。

不允許負值 : 用百分比指定起止色位置。

說明: 用線性漸變創建圖像。

如果想創建以對角線方式漸變的圖像,可以使用??left?這樣的多關鍵字方式來實現。

lineargradient為你推薦
gps數據格式GPS數據如何輸入及導出scriptmanagerajax ToolkitScriptManager與ScriptManager的區別一起作業網站一起作業官網是什么?怎么用電腦發短信怎么樣用電腦給手機發短信?webservice框架WebService新手,請教WebService需要什么包netbios協議NETBEUI協議有什么用?cursorlocation如何用ENVI把不同圖像中的相同地點的某個像素點的值讀出來。按時間把這個點的值連起來,。謝謝好人。怎么查微信注冊時間怎么知道微信上次登錄時間泛微協同辦公系統泛微OA系統怎么創建新人員cc防火墻服務器里安全狗里的WEB防火墻是什么意思
windows虛擬主機 主機域名 網址域名注冊 臺灣服務器租用 工信部域名備案系統 如何注銷域名備案 動態域名解析軟件 中國域名網 火山主機 淘寶搶紅包攻略 duniu 瓦工 香港vps99idc highfrequency godaddy主機 56折 服務器日志分析 xfce win8升級win10正式版 lighttpd 更多
贊助商
天天五分彩