codecamp

Less 颜色操作

描述

LESS提供了许多有用的操作功能,以不同的方式改变和操作颜色,并采用相同单位的参数。 LESS支持一些颜色操作功能,如下表所示:


S.N. 指令及描述
1 saturate

 它改变元素中颜色的强度或饱和度。
2 desaturate

 它降低了元素中颜色的强度或饱和度。
3 lighten

  它增加了元素中颜色的亮度。
4 darken

  它改变元素中颜色的强度或饱和度。
5 fadein

  它增加了所选元素的不透明度。
6 fadeout

  它减少所选元素的不透明度。
7 fade

  它用于设置所选元素的颜色的透明度。
8 spin

  它用于旋转所选元素的颜色的角度。
9 mix

  它将两种颜色与不透明度混合。
10 tint

  它将颜色与白色混合,同时减少颜色的比例。
11 shade

  它将颜色与黑色混合,因为您减少了颜色的比例。
12 greyscale

  它从所选元素中的颜色中丢弃饱和度。
13 contrast

  它设置元素中颜色的对比度。
Less 颜色通道函数
Less 颜色混合函数
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Less 基本教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }