完竣世界 - 专注数据大屏可视化

    • 首页
    • 数据大屏
    • AE动画
    • echarts
      • echarts 3D地图
      • echarts地图
      • echarts折线图
      • Echarts柱状图
      • echarts雷达图
      • echarts饼状图
    • 字体
    • 动态图标
200个酷炫的数据可视化大屏总有一款适合你(含演示实例),30款 vue3 数据可视化大屏登录页下载

Scss 将一个颜色变成灰色

css 5年前 (2021-08-19)

grayscale($color):将一个颜色变成灰色,相当于desaturate($color,100%);

sass -i
>> grayscale(#f36) //把#f36颜色变成灰色
#999999
//SCSS
$baseColor: #ad141e;
.grayscale {
  background: grayscale($baseColor);
}
.desaturate {
  background: desaturate($baseColor,100%);
}

编译出来的 css 代码:

//CSS
.grayscale {
  background: #616161;
}

.desaturate {
  background: #616161;
}
喜欢
Scss
Scss 通过改变颜色的饱和度值,让颜色更少的饱和,从而创建出一个新的颜色 Scss 返回一个补充色
  • vue vite 序列帧动画报错了
    vue vite 序列帧动画报错了
  • 如何在本地打开vue打包后的项目dist
    如何在本地打开vue打包后的项目dist
  • vue项目如何调试运行以及编译打包
    vue项目如何调试运行以及编译打包
  • iconfont图标字体的使用
    iconfont图标字体的使用
  • vue2项目webpack4和webpack5配置
  • vue vite 项目打包Referer丢失
  • vue3实现点线粒子效果
  • vue3 vue-draggable-resizable-gorkys 拼接导出
  • vue3项目中使用vue-draggable-resizable-gorkys报错
  • 使用nodejs解决图片跨域问题
  • vue禁止打开开发工具并跳转到指定页面
  • element-plus table筛选功能改为自定义筛选

微信

联系微信:17628296870
微信

文章推荐

  • uniapp对接websocket客户端代码
  • uniapp小程序集成高德地图
  • echarts黄冈市英山县geoJson地图地图排行榜效果实例代码
  • echarts丽江市地图3d地图自定义图标实例代码
  • echarts宜宾市地图点击地图获取经纬度实例
  • echarts张家口市桥西区地图热力图代码演示
  • wordpress隐藏登录地址插件
  • echarts信阳市平桥区geoJson地图添加柱状图实例
  • vue推荐使用refs吗
  • 腾讯云cos图片开启Guetzli压缩

近期文章

  • ae使用saber实现黑洞传送效果
  • aePlexus粒子科技小球
  • ae实现雷达扫描的效果
  • 国内可以使用的GPT Image-2 的平台
  • ae使用BOA实现扭曲效果
  • ae使用Optical Flares实现光线效果
  • ae实现魔法阵特效制作
  • ae使用stardust实现粒子球效果
  • ae使用Trapcode Form实现粒子背景
  • ae使用particular实现向上飘动的循环粒子动效
Copyright © 2019-现在 完竣世界 版权所有 冀ICP备11019094号 冀公网安备13112502001077号
记录数据可视化大屏开发、vue开发、前端项目开发中遇到的问题笔记