1. 程式人生 > >css中的背景漸變

css中的背景漸變

具體從哪裡找來已無從考據,裡面的引數自己調整到不要的色值即可

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方向漸變的終止位置

             第四個引數:設定了起始位置的顏色

             第五個引數:設定了終止位置的顏色