颜色渐变标准语句

标签：函数   阴影   颜色   方向   eating   dig   otto   一个   定义   

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

颜色渐变标准语句

标签：函数   阴影   颜色   方向   eating   dig   otto   一个   定义   

原文地址：http://www.cnblogs.com/victory-jc-notes/p/7943767.html