亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

html設置背景徑向漸變的方法

發布時間:2021-06-04 16:16:47 來源:億速云 閱讀:331 作者:栢白 欄目:web開發

這篇文章主要介紹了html設置背景徑向漸變的方法,具有一定借鑒價值,需要的朋友可以參考下。下面就和我一起來看看吧。

在html中,可以使用radial-gradient函數設置徑向漸變,只需要在元素background屬性里加入“background:radial-gradient(起始位置, 形狀,大小, 顏色,顏色,顏色)”即可。

徑向漸變:從一個點到四周的顏色的過渡變化。

徑向漸變如圖所示:

html設置背景徑向漸變的方法

語法:(必須加瀏覽器前綴)

background: radial-gradient(center, shape, size, start-color, ..., last-color);

center:漸變起點的位置,可以為百分比,默認是圖形的正中心。

shape:漸變的形狀,ellipse表示橢圓形,circle表示圓形。默認為ellipse,如果元素形狀為正方形的元素,則ellipse和circle顯示一樣。

size:關于徑向漸變的大小:

closest-side 最近邊

farthest-side 最遠邊

closest-corner 最近角

farthest-corner 最遠角

實現代碼如下:  

p{
            width:500px;
            height:300px;
            margin:40px auto;
            background:-webkit-radial-gradient(center,closest-corner,red,yellow,green);
        }

擴展資料:

線性漸變:從一個方向到另一個方向到另一個方向的顏色的變化

標準模式的語法(不添加瀏覽器前綴):

background:linear-gradient(direction,color-stop1,color-stop2)

說明:direction默認值是to bottom,即從上往下

stop:顏色的分布位置,默認均勻分布(平均分布)

兼容模式的語法(添加瀏覽器前綴):

background:-webkit-linear-gradient(direction,color-stop1,color-stop2)

說明:direction值不能加to,該值表示顏色從該方向開始漸變,與上面相反

stop:顏色的分布位置,默認均勻分布(平均分布)

漸變方向:前面實現了上下或左右漸變,接下來介紹對角線型漸變

1、to left \ to right \ to top(上下或左右漸變)

2、to left top \ to right bottom(對角線漸變)

3、漸變線角度的變化

例如:標準模式 : 40deg 40度

兼容模式 : 90 - 40deg

線性漸變:顏色的分布(顏色區域大小):

linear-gradient(方向, 顏色1 20%,顏色2 30%,顏色3 )

到20%這個位置仍然是顏色1 出了20% 開始向顏色2漸變

代碼如下所示: 

div{
            width:500px;
            height:300px;
            margin:100px auto;
            background-image: -webkit-linear-gradient(left, red, yellow);
        }

以上就是html設置背景徑向漸變的方法的詳細內容了,看完之后是否有所收獲呢?如果想了解更多相關內容,歡迎來億速云行業資訊!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

宣武区| 安徽省| 涪陵区| 海晏县| 永善县| 湘潭市| 马边| 华坪县| 石门县| 九龙城区| 饶平县| 克什克腾旗| 民和| 曲松县| 榆树市| 日照市| 伊通| 娱乐| 陵川县| 舒兰市| 文水县| 左权县| 盘锦市| 成安县| 湟源县| 上林县| 明溪县| 桐庐县| 五台县| 洪雅县| 固镇县| 石楼县| 建始县| 丹东市| 五指山市| 卓尼县| 绥化市| 凤翔县| 无为县| 龙州县| 陇西县|