less13 颜色值函数

//通过十进制红色,绿色,蓝色三种值 (RGB) 创建不透明的颜色对象。
div{
  background: rgb(255,0,0);
  background: rgb(100%,0%,0%);
}

//通过十进制红色,绿色,蓝色,以及 alpha 四种值 (RGBA) 创建带alpha透明的颜色对象。
div1{
  background: rgba(255,0,0,0.5);
  background: rgba(100%,0%,0%,0.5);
}

//创建格式为 #AARRGGBB 的十六进制 (hex representation) 颜色 (注意不是 #RRGGBBAA !)。
div2{
  background: argb(rgba(255,0,0,0.5));
  background: argb(rgba(100%,0%,0%,0.5));
}

//通过色相 (hue),饱和度 (saturation),亮度 (lightness) 三种值 (HSL) 创建不透明的颜色对象。
div3{
  background: hsl(90,100%,50%);
}

//通过色相 (hue),饱和度 (saturation),亮度 (lightness),以及 alpha 四种值 (HSLA) 创建透明的颜色对象。
div4{
  background: hsla(90,100%,50%,0.5);
}

//通过色相 (hue),饱和度 (saturation),色调 (value) 三种值 (HSV) 创建不透明的颜色对象。
div5{
  background: hsv(90,100%,50%);
}

//通过色相 (hue),饱和度 (saturation),色调 (value),以及 alpha 四种值 (HSVA) 创建透明的颜色对象。
div6{
  background: hsva(90,100%,50%,8%);
}
less13 颜色值函数

csss

less13 颜色值函数
div {
  background: #ff0000;
}
div1 {
  background: rgba(255, 0, 0, 0.5);
}
div2 {
  background: #80ff0000;
}
div3 {
  background: #80ff00;
}
div4 {
  background: rgba(128, 255, 0, 0.5);
}
div5 {
  background: #408000;
}
div6 {
  background: rgba(64, 128, 0, 0.08);
}
less13 颜色值函数

 


本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/7002079.html,如需转载请自行联系原作者

上一篇:高可用检测脚本failover.sh


下一篇:UIKit 框架之UISwitch