顏色漸變標準語句

2021-09-29 02:29:11 字數 984 閱讀 4471

/* 預設從上至下漸變*/

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 ...