标签:css 3 颜色属性
======================================================================================
CSS 3 颜色属性
1. rgba (rgb, a(透明度));
2. HSL (色相[0-360],饱和度[0-100%],亮度[0-100%])
3. HSLa
=====================================================================================
opacity ----- 设置不透明度 [0-1]
****一个元素的opacity属性会应用到这个元素本身以及这个元素所有的子孙元素上
=====================================================================================
颜色渐变
1.线性渐变
background: linear-gradient(to bottom, red ,yellow);
//渐变方向/角度,第一种颜色,第二种颜色,...
关键字表示方向: left,right,top,bottom;
left top, right top, left bottom, right bottom
用数字表示角度: 0--360 单位 deg
2.径向渐变
background: radial-gradient(渐变形状(可选)、大小 at 位置,颜色一,颜色二);
渐变形状:circle(圆形) 、 ellipse(椭圆形—默认)
大小: 长度(px)\ 百分数 (80% 20%)
位置:center\left\right\bottom\top\top left\top right\bottom left\bottom right
标签:css 3 颜色属性
原文地址:http://11562329.blog.51cto.com/11552329/1773787