-
transparentize()和fade-out(): 与opacity()和fade-in()作用正好相反,也是接受两个参数(原始颜色和要减去的透明度值),但是做减法。查看全部
-
opacity()和fade-in(): 接受两个参数:原始颜色+需要增加的透明度值。 如果相加之后透明度大于1,按1计算。 如果原始颜色不带有透明度,说明原始颜色透明度为1。查看全部
-
grayscale($color)与desaturate($color,100%)作用相同。 能将彩色颜色转换成不同程度的灰色。 这个函数最大的特点是,转换好的颜色饱和度(saturation)为0。查看全部
-
adjust-hue($baseColor,$weight):调整颜色的色相。传入基础颜色和调整的程度。这个程度可以是deg,也可以是百分数。30deg和30%编译出来的颜色值相同。所以只关注数字,单位对结果无影响。查看全部
-
mix($color-1,$color-2,$weight):第三个参数是第一个颜色所占的权重!查看全部
-
在css中设置rgba()必须有r、g、b、a四个值,不能传入十六进制颜色+a这样的形式。但Sass可以。查看全部
-
append():在列表末尾插入【某个】值(注意是插一个),分隔符也可以是space或comma,可显示指定。如果没有指定,当列表只有一个列表项时,用【空格】分隔,否则,按列表项的分隔符分隔。 特殊的举例: append(red,(green,blue)) >(#ff0000 (#008000,#0000ff)) 说明:因为原列表是red,只有一个列表项,所以以空格分隔,括号内的green和blue看做整体。查看全部
-
join()中传入列表项,join()只能连接【两个】列表项!列表项之后可以多传一个值,指示连接的符号,只能是space(空格)或comma(逗号)。连接符号与列表项用【逗号】分隔,列表项中的各个值,以逗号或空格分隔都行。 eg:join((blue,green),(red orange),comma) >(#0000ff,#008000,#ff0000,#ffa500)查看全部
-
nth($list,$n):$list是列表项,$n是列表项中的第几个值。注意,这里的n从1计,而不是0!查看全部
-
length()函数中的列表参数之间使用空格隔开,不能使用逗号!注意,只有length()函数是这样的。查看全部
-
Opacity函数: alpha($color) /opacity($color):获取颜色透明度值; rgba($color, $alpha):改变颜色的透明度值; opacify($color, $amount) / fade-in($color, $amount):使颜色更不透明; transparentize($color, $amount) / fade-out($color, $amount):使颜色更加透明。查看全部
-
HSL函数: hsl($hue,$saturation,$lightness):通过色相(hue)、饱和度(saturation)和亮度(lightness)的值创建一个颜色; hsla($hue,$saturation,$lightness,$alpha):通过色相(hue)、饱和度(saturation)、亮度(lightness)和透明(alpha)的值创建一个颜色; hue($color):从一个颜色中获取色相(hue)值; saturation($color):从一个颜色中获取饱和度(saturation)值; lightness($color):从一个颜色中获取亮度(lightness)值; adjust-hue($color,$degrees):通过改变一个颜色的色相值,创建一个新的颜色; lighten($color,$amount):通过改变颜色的亮度值,让颜色变亮,创建一个新的颜色; darken($color,$amount):通过改变颜色的亮度值,让颜色变暗,创建一个新的颜色; saturate($color,$amount):通过改变颜色的饱和度值,让颜色更饱和,从而创建一个新的颜色 desaturate($color,$amount):通过改变颜色的饱和度值,让颜色更少的饱和,从而创建出一个新的颜色; grayscale($color):将一个颜色变成灰色,相当于desaturate($color,100%); complement($color):返回一个补充色,相当于adjust-hue($color,180deg); invert($color):反回一个反相色,红、绿、蓝色值倒过来,而透明度不变。查看全部
-
RGB颜色函数: rgb($red,$green,$blue):根据红、绿、蓝三个值创建一个颜色; rgba($red,$green,$blue,$alpha):根据红、绿、蓝和透明度值创建一个颜色; red($color):从一个颜色中获取其中红色值; green($color):从一个颜色中获取其中绿色值; blue($color):从一个颜色中获取其中蓝色值; mix($color-1,$color-2,[$weight]):把两种颜色混合在一起。查看全部
-
Sass Maps函数: map-get($map,$key):根据给定的 key 值,返回 map 中相关的值。 map-merge($map1,$map2):将两个 map 合并成一个新的 map。 map-remove($map,$key):从 map 中删除一个 key,返回一个新 map。 map-keys($map):返回 map 中所有的 key。 map-values($map):返回 map 中所有的 value。 map-has-key($map,$key):根据给定的 key 值判断 map 是否有对应的 value 值,如果有返回 true,否则返回 false。 keywords($args):返回一个函数的参数,这个参数可以动态的设置 key 和 value。查看全部
-
Map: $map: ( $key1: value1, $key2: value2, $key3: value3 )查看全部
举报
0/150
提交
取消