颜色渐变标准语句

/* 默认从上至下渐变*/
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;

posted @ 2017-12-01 17:55  言成于思  阅读(727)  评论(0编辑  收藏  举报