函数库里面包括有字符串函数、长度函数、数学函数、类型函数、颜色值定义函数、颜色值通道提取函数、颜色值运算函数及颜色混合函数。但是常用到的函数只有数学函数,其实其他的函数很少用到,所以我不作出其他的函数详解及代码,而且没必要浪费时间,不过可以了解一下其他函数即可。
less:
.ceil{
width:ceil(555.99999px);
}
css:
.ceil {
width: 556px;
}
less:
.floor{
height:floor(333.77777px);
}
css:
.floor {
height: 333px;
}
less:
.percentage{
width:percentage(0.30px);
}
css:
.percentage {
width: 30%;
}
less:
.round{
font-size:round(5.7px);
}
css:
.round {
font-size: 6px;
}
less:
.sqrt{
width: sqrt(49px);
}
css:
.sqrt {
width: 7px;
}
less:
.abs{
height: abs(-888px);
}
css:
.abs {
height: 888px;
}
less:
.sin{
width:sin(1);
}
css:
.sin {
width: 0.84147098;
}
less:
.asin{
height:asin(1);
}
css:
.asin {
height: 1.57079633rad;
}
less:
.cos{
width:cos(1);
}
css:
.cos {
width: 0.54030231;
}
less:
.acos{
width:acos(1);
}
css:
.acos {
width: 0rad;
}
less:
.tan{
width:tan(5);
}
css:
.tan {
width: -3.38051501;
}
less:
.atan{
width:atan(3);
}
css:
.atan {
width: 1.24904577rad;
}
less:
.pi{
height:pi();
}
css:
.pi {
height: 3.14159265;
}
less:
.pow{
width:pow(2,3)px;
}
css:
.pow {
width: 8 px;
}
less:
.mod{
width: mod(9,5)px;
}
css:
.mod {
width: 4 px;
}
less:
.min{
height:min(5,3,10)px;
}
css:
.min {
height: 3 px;
}
less:
.max{
width:max(100,300,200)px;
}
css:
.max {
width: 300 px;
}
1.escape()表示将输入字符串的url特殊字符进行编码处理
2.e()表示css转义 用~“值”符号代替
3.%()表示 函数%(string,arguments…) 格式化一个字符串
4.replace()表示用另一个字符串替换文本
1.length()函数表示返回集合中值的个数
2.extract()函数表示返回集合中指定索引的值
1.isnumber()表示如果值是一个数字,返回真(true),否则返回假(false)
2.isstring()表示如果值是一个字符串,返回真(true),否则返回假(false)
3.iscolor()表示如果值是一个颜色,返回真(true),否则返回假(false)
4.iskeyword()表示如果值是一个关键字,返回真(true),否则返回假(false)
5.isurl()表示如果值是一个url地址,返回真(true),否则返回假(false)
6.ispixel()表示如果值是带px单位的数字,返回真(true),否则返回假(false)
7.issem()表示如果值是带em单位的数字,返回真(true),否则返回假(false)
8.ispercentage()表示如果值是一个带%单位的数字,返回真(true),否则返回假(false)
9.isunit()表示如果值是带指定单位的数字,返回真(true),否则返回假(false)
1.rgb()表示通过十进制红、绿、蓝(RGB)创建不透明的颜色对象
2.rgba()表示通过十进制红、绿、蓝(RGB),以及alpha四种值(RGBA)创建带alpha透明的颜色对象
3.argb()表示创建格式为#AARRGGBB的十六进制颜色 ,用于IE滤镜,.net和安卓开发
4.hls()表示通过色相,饱和度,亮度(HLS)三种值创建不透明的颜色对象
5.hsla()表示通过色相,饱和度,亮度,以及alpha四种值(HLSA)创建带alpha透明的颜色对象
6.hsv()表示通过色相,饱和度,色调(HSV)创建不透明的颜色对象
7.hsva()表示通过色相,饱和度,亮度,以及alpha四种值(HSVA)创建带alpha透明的颜色对象
1.hue()从HSL色彩空间中提取色相值
2.saturation()从HSL色彩空间中提取饱和度
3.lightness()从HSL色彩空间中提取亮度值
4.hsvhue()从HSV色彩空间中提取色相值
5.hsvsaturation()从HSV色彩空间中提取饱和度值
6.hsvvalue()从HSV色彩空间中提取色调值
7.red()提取颜色对象的红色值
8.green()提取颜色对象的绿色值
9.blue()提取颜色对象的蓝色值
10.alpha()提取颜色对象的透明度
11.luma()计算颜色对象luma的值(亮度的百分比表示法)
12.luminance()计算没有伽玛校正的亮度值
1.saturate()表示增加一定数值的颜色饱和度
2.desaturate()表示降低一定数值的颜色饱和度
3.lighten()表示增加一定数值的颜色亮度
4.darken()表示降低一定数值的颜色亮度
5.fadein()表示降低颜色的透明度(或增加不透明度),令其更不透明
6.fadeout()表示增加颜色的透明度(或降低不透明度),令其更透明
7.fade()表示给颜色(包括不透明的颜色)设定一定数值的透明度
8.spin()表示任意方向旋转颜色的色相角度
9.mix()表示根据比例混合两种颜色,包括计算不透明度
10.greyscale()表示完全移除颜色的饱和度,与desaturate(@color,100%)函数效果相同
11.contrast()表示旋转两种颜色相比较,得出哪种颜色的对比度更大就倾向于对比度最大的颜色
1.multiply()表示分别将两种颜色的红绿蓝三种值做乘法运算,然后再除以255,输出结果更深的颜色(对应ps中的“变暗/正片叠底”)
2.screen()表示与multiply函数效果相反,输出结果更亮的颜色。(对应ps中“变亮/滤色”)
3.overlay()表示结合multiply与screen两个函数的效果,令浅的颜色更浅,深的颜色更深(对应ps中的叠加),输出结果由第一个颜色参数决定
4.softlight()表示与overlay函数效果相似,只是当纯黑色或纯白色作为参数时输出结果不会是纯黑色或纯白色(对应ps中的“柔光”)
5.hardlight()表示与overlay函数效果相似,不过由第二个颜色参数决定输出颜色的亮度或黑度,而不是第一个颜色参数决定(对应ps中“强光/亮光/线性光/点光”)
6.difference()表示从第一个颜色值中减去第二个(分别计算RGB三种颜色值),输出结果更深的颜色(对应ps中“差值/排除”)
7.exclusion()表示效果与difference函数效果相似,只是输出结果差别更小(对应ps中“差值/排除”)
8.average()表示分别对RGB三个颜色值取平均值,然后输出结果。
9.negation()表示与difference函数效果相反,输出结果是更亮的颜色。(效果相反不代表做加法运算)
不断更新中.....给知识充电中。
欢迎各位大佬评论、点赞和收藏!Thanks