Less 函数用法

escape(@string); // 通过 URL-encoding 编码字符串 
e(@string); // 对字符串转义 
%(@string, values…); // 格式化字符串 
unit(@dimension, [@unit: “”]); // 移除或替换属性值的单位 
color(@string); // 将字符串解析为颜色值 
data-uri([mimetype,] url); // * 将资源内嵌到css中,可能回退到url() 
ceil(@number); // 向上取整 
floor(@number); // 向下取整 
percentage(@number); // 将数字转换为百分比,例如 0.5 -> 50% 
round(number, [places: 0]); // 四舍五入取整 
sqrt(number); // * 计算数字的平方根 
abs(number); // * 数字的绝对值 
sin(number); // * sin函数 
asin(number); // * arcsin函数 
cos(number); // * cos函数 
acos(number); // * arccos函数 
tan(number); // * tan函数 
atan(number); // * arctan函数 
pi(); // * 返回PI 
pow(@base, @exponent); // * 返回@base的@exponent次方 
mod(number, number); // * 第一个参数对第二个参数取余 
convert(number, units); // * 在数字之间转换 
unit(number, units); // * 不转换的情况下替换数字的单位 
color(string); // 将字符串或者转义后的值转换成颜色 
rgb(@r, @g, @b); // 转换为颜色值 
rgba(@r, @g, @b, @a); // 转换为颜色值 
argb(@color); // 创建 #AARRGGBB 格式的颜色值 
hsl(@hue, @saturation, @lightness); // 创建颜色值 
hsla(@hue, @saturation, @lightness, @alpha); // 创建颜色值 
hsv(@hue, @saturation, @value); // 创建颜色值 
hsva(@hue, @saturation, @value, @alpha); // 创建颜色值 
hue(@color); // 从颜色值中提取 hue 值(色相) 
saturation(@color); // 从颜色值中提取 saturation 值(饱和度) 
lightness(@color); // 从颜色值中提取 ‘lightness’ 值(亮度) 
hsvhue(@color); // * 从颜色中提取 hue 值,以HSV色彩空间表示(色相) 
hsvsaturation(@color); // * 从颜色中提取 saturation 值,以HSV色彩空间表示(饱和度) 
hsvvalue(@color); // * 从颜色中提取 value 值,以HSV色彩空间表示(色调) 
red(@color); // 从颜色值中提取 ‘red’ 值(红色) 
green(@color); // 从颜色值中提取 ‘green’ 值(绿色) 
blue(@color); // 从颜色值中提取 ‘blue’ 值(蓝色) 
alpha(@color); // 从颜色值中提取 ‘alpha’ 值(透明度) 
luma(@color); // 从颜色值中提取 ‘luma’ 值(亮度的百分比表示法) 
saturate(@color, 10%); // 饱和度增加 10% 
desaturate(@color, 10%); // 饱和度降低 10% 
lighten(@color, 10%); // 亮度增加 10% 
darken(@color, 10%); // 亮度降低 10% 
fadein(@color, 10%); // 透明度增加 10% 
fadeout(@color, 10%); // 透明度降低 10% 
fade(@color, 50%); // 设定透明度为 50% 
spin(@color, 10); // 色相值增加 10 
mix(@color1, @color2, [@weight: 50%]); // 混合两种颜色 
greyscale(@color); // 完全移除饱和度,输出灰色 
contrast(@color1, [@darkcolor: black], [@lightcolor: white], [@threshold: 43%]); // 如果 @color1 的 luma 值 > 43% 输出 @darkcolor,否则输出 @lightcolor 
multiply(@color1, @color2); 
screen(@color1, @color2); 
overlay(@color1, @color2); 
softlight(@color1, @color2); 
hardlight(@color1, @color2); 
difference(@color1, @color2); 
exclusion(@color1, @color2); 
average(@color1, @color2); 
negation(@color1, @color2); 
iscolor(@colorOrAnything); // 判断一个值是否是颜色 
isnumber(@numberOrAnything); // 判断一个值是否是数字(可含单位) 
isstring(@stringOrAnything); // 判断一个值是否是字符串 
iskeyword(@keywordOrAnything); // 判断一个值是否是关键字 
isurl(@urlOrAnything); // 判断一个值是否是url 
ispixel(@pixelOrAnything); // 判断一个值是否是以px为单位的数值 
ispercentage(@percentageOrAnything); // 判断一个值是否是百分数 
isem(@emOrAnything); // 判断一个值是否是以em为单位的数值 
isunit(@numberOrAnything, “rem”); // * 判断一个值是否是指定单位的数值 
含*号的函数只在1.4.0 beta以上版本中可用

猜你喜欢

转载自blog.csdn.net/qq_37487141/article/details/80605939