zoukankan      html  css  js  c++  java
  • 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%);
    }

    csss

    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);
    }
  • 相关阅读:
    swiper 内容超出纵向滚动 解决办法
    js判断 微信浏览器 或者 QQ内置浏览器
    移动端滑动 增加弹性 滑动更加顺畅
    移动端点击激活时背景色
    文字两端对齐
    移动端元素被选中时,去除背景
    CSS动画 防止动画结束后,回归原位
    centos 防火墙配置
    知识图谱研究
    jmeter 压测工具
  • 原文地址:https://www.cnblogs.com/yaowen/p/7002079.html
Copyright © 2011-2022 走看看