Redbattle
踩坑
环境
项目
配置
知识点
踩坑
环境
项目
配置
知识点
  • 浏览器/网络
  • HTML
  • CSS
  • JS
  • Vue
  • ES6
  • TS
  • 格式化上下文
  • 工程化
  • 常用 Web 坐标转换
  • 算法
  • 安全性
  • CSS 选择器
  • CSS 函数
  • CSS 属性
  • CSS @
  • CSS 过渡与动画
  • CSS 预处理器
    • knowledge
    2024-02-01

    CSS 预处理器

    # 函数

    • lighten() 增加元素中颜色的亮度

      /** 
        color: 用于指定颜色对象。
        amount: 其百分比在0-100%之间。
        method: 这是可选参数。用于调整当前值。通过将其设置为相对值,可以相对于当前值进行调整。
      */
      lighten(hsl(90,80%,50%), 20%)
      
    • darken() 降低一定数值的颜色亮度

      darken(hsl(90,80%,50%), 20%)
      
    • saturate() 增加一定数值的颜色饱和度

      saturate(hsl(90,80%,50%), 20%)
      
    • desaturate() 增加一定数值的颜色饱和度

      desaturate(hsl(90,80%,50%), 20%)
      
    • fadein() 降低颜色的透明度

      fadein(hsl(90,80%,50%), 20%)
      
    • fadeout() 增加颜色的透明度

      fadeout(hsl(90,80%,50%), 20%)
      
    • fade() 给颜色(包括不透明的颜色)设置一定数值的透明度

      fade(hsl(90,80%,50%), 20%)
      
    最近更新
    01
    烧虾球
    05-13
    02
    二次开发
    12-20
    03
    文字展开收起
    10-17
    更多文章>
    Theme by Vdoing
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式