線性漸變和徑向漸變

2021-10-25 10:34:17 字數 593 閱讀 5268

格式:

background-image: linear-gradient(方向,起始顏色…,終止顏色);

方向:to left、to right、to top、to bottom;

角度(360°) 180

45° 從左下到右上

90° 相當於 to right 從左到右

135° 從左上到右下

180° 從上到下`

div:nth-child(6)

從中心點(自己設定)開始,**半徑為輻射區,

從顏色1到顏色n。

中心點:

線性漸變和徑向漸變

linear gradient direction,color 寫法 background webkit linear gradient direction,color 1.direction 方向,預設方向是自上而下 寫法有 1.background webkit linear gradient ...

css3 線性漸變和徑向漸變

線性漸變 ie6以下不相容 徑向漸變 只支援firefox chrome和safari 注意 background image 可以寫 background 我自己在網頁中寫的徑向漸變相容 firefox chrome ie10 ie10 safari background image老式寫法 相容...

canvas中的線性漸變和徑向漸變

var b a.getcontext 2d var grd b.createradialgradient 75,50,5,90,60,100 徑向漸變,引數值引數 描述 x0 漸變開始點的 x 座標 y0 漸變開始點的 y 座標 x1 漸變結束點的 x 座標 y1 漸變結束點的 y 座標 同上 ad...