css中的背景漸變
阿新 • • 發佈:2019-01-28
具體從哪裡找來已無從考據,裡面的引數自己調整到不要的色值即可
background:-webkit-gradient(linear,10% 10%,100% 100%,color-stop(0.14,rgb(255,0,0)), color-stop(0.5,rgb(255,255,0)), color-stop(1,rgb(0,0,255)) );
第一個引數:表示的是漸變的型別
linear線性漸變
第二個引數:分別對應x,y方向漸變的起始位置
第三個引數:分別對應x,y方向漸變的終止位置
第四/五/N個引數:設定漸變的位置及顏色
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2074af), to(#2c91d2));
第一個引數:表示的是漸變的型別
linear線性漸變
第二個引數:分別對應x,y方向漸變的起始位置
第三個引數:分別對應x,y方向漸變的終止位置
第四個引數:設定了起始位置的顏色
第五個引數:設定了終止位置的顏色