/* 預設從上至下漸變*/
background: linear-gradient(red,blue);
/* 從左到右漸變*/
background: linear-gradient(to right,red,blue);
/* 從左上角到右下角漸變*/
background: linear-gradient(to bottom right,red,blue);
/*從上至下漸變 詳見圖角度變換*/
background: linear-gradient(180deg,red,blue);
/* 顏色節點變換 顏色從左向右 方向預設*/
background: linear-gradient(red, green, blue);
/*乙個帶有彩虹顏色和文字的線性從線性漸變 indigo 靛藍 voilet 紫羅蘭*/
background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
/* rgba() 函式來定義顏色結點。rgba() 函式中的最後乙個引數可以是從 0 到 1 的值,它定義了顏色的透明度:0 表示完全透明,1 表示完全不透明。*/
background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
/*重複線性漸變 重複相同的線性漸變直到充滿整個螢幕*/
background: repeating-linear-gradient(45dge, red, yellow 10%, green 20%);
/*圓形漸變*/
background: radial-gradient(red 10%,blue 90%)
box-shadow: 5px 5px 15px #b0adad;
更多專業前端知識,請上
【猿2048】www.mk2048.com
漸變顏色LinearGradientBrush
lineargradientbrush是用來漸變效果的,使用的初始化引數是矩形區域,開始顏色,結束顏色,顏色變化方向,它能夠形成比較統一的漸變效果,對比pathgradientbrush的漸變,它的特點是它與周圍的顏色漸變頻率是一樣的,設定lineargradientbrush的區域大小時,可以想象...
css web 顏色漸變
ms的站確實不錯,有很多東西可以參考 這個漸變其實就是乙個css濾鏡而已。給引數介紹 filter progid dximagetransform.microsoft.gradient enabled benabled,startcolorstr iwidth,endcolorstr iwidth ...
css顏色漸變
華麗麗的分割線 123 用css實現網頁背景漸變的 如下 一 從上往下漸變 example source code body 二 從左上至右下漸變 example source code body 三 從左往右漸變 example source code body 一 從上往下漸變 example ...