服務熱線 400-660-5555 （轉1）
網站建設
漸變設計在背景的使用，可以體現出良好的視覺吸引力，幫助用戶理解設計所表達的內容。在文本字體的中使用可以營造出一個吸引人的焦點，快速吸引注意力。漸變使用在圖片上的時候就可以使圖片更加出彩，從而導致整個網站在視覺上也加分不少。漸變的使用不僅可以引導瀏覽者的視線還可以令人記憶較為深刻。所以在網站的制作中也不可以避免的應用到。
css3能實現的漸變效果有線性漸變、徑向漸變、重復的線性漸變、重復的徑向漸變，在網站制作的過程中，經常需要用到，有的是作用做背景圖上，有的作用在字體上，有的直接作用在圖片上，當需要作用在背景和字體上時，就需要用到css3做線性的漸變或者徑向的漸變，具體的需要根據設計而定。
inear-gradient()Direction方向或者角度toleft：設置的線性漸變是從右到左的，也是等于：270deg
toright：設置的線性漸變是從左到右的，也是等于：90deg
totop：設置的線性漸變是從下到上的，也是等于：0deg
tobottom：設置的線性漸變是從上到下的，也是等于：180deg。這是默認值，相當于不設置。
例如線下漸變分別如下：
重復的線性漸變如下：
background-image：repeating-linear-gradient(#34b168，#8fc32010%，#346bae20%);
徑向漸變如下：
shape形狀，可以設置為是circle或ellipse，默認是ellipse。
size是漸變的大小，可以設置closest-side、farthest-side、closest-corner和farthest-corner。
例如：
重復的徑向漸變如下：
background-image：repeating-radial-gradient(#34b168，#8fc32010%，#346bae20%);
添加動力小姐姐微信
電話咨詢
400-660-5555 （轉1）
