首页 > 其他 > 详细

颜色渐变标准语句

时间:2017-12-01 19:31:54      阅读:254      评论:0      收藏:0      [点我收藏+]

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

颜色渐变标准语句

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!