为了账号安全,请及时绑定邮箱和手机立即绑定
  •       alpha($color) /opacity($color):获取颜色透明度值;

          rgba($color, $alpha):改变颜色的透明度值;

          opacify($color, $amount) / fade-in($color, $amount):使颜色更不透明;

          transparentize($color, $amount) / fade-out($color, $amount):使颜色更透明;


    查看全部
    1 采集 收起 来源:Opacity函数简介

    2020-07-24

  •     hsl($hue,$saturation,$lightness):通过色相(hue)、饱和度(sauturation)和亮度(lightness)的值创建一个颜色;

        hsla($hue,$saturation,$lightness,$alpha):通过色相(hue)、饱和度(suaturation)、亮度(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($oolor,100%);

        complement($color):返回一个补充色,相当于adjust-hue($color,180deg);

        invert($color):返回一个反相色,红,绿,蓝色值倒过来,而透明度不变。


    查看全部
    0 采集 收起 来源:HSL函数简介

    2020-07-24

  • rgb($red,$green,$blue):根据红、绿、蓝三个值创建一个颜色;

    rgba($red,$green,$blue,$alpha):根据红、绿、蓝和透明度创建一个颜色;

    red($color):从一个颜色中获取其中红色值;

    green($color):从一个颜色中获取其中绿色值;

    blue($color):从一个颜色中获取其中蓝色值;

    mix($color-1,$color-2,[$weight]):把两种颜色混合在一起;


    查看全部
  • type-of($value):返回一个值得类型;

    unit($number):返回一个值得单位;

    unitless($number):判断一个值是否带有单位;

    comparable($number-1, $number-2):判断两个值是否可以做加、减和合并


    查看全部
    0 采集 收起 来源:Introspection函数

    2020-07-24

  • length($list):返回一个列表的长度值;

    nth($list, $n):返回一个列表中制定的某个标签值;

    join($list1, $list2, [$separator

    ):将两个列表连接在一起,变成一个列表;

    append($list1, $val, [$separator]):将某个值放在列表的最后;

    zip($lists…):将几个列表结合成一个多维的列表;

    查看全部
    0 采集 收起 来源:列表函数简介

    2020-07-24

  • percentage($value):将一个不带单位的数转换成百分比值;

    round($value):将数值四舍五入,转换成一个最接近的整数;

    ceil($value):将大于自己的小数转换成下一位整数;

    floor($value):将一个数去除他的小数部分;

    abs($value):返回一个数的绝对值;

    min($numbers…):找出几个数值之间的最小值;

    max($numbers…):找出几个数值之间的最大值;


    查看全部
    1 采集 收起 来源:数字函数简介

    2020-07-23

  • 用来给字符串添加引号。如果字符串,自身带有引号会统一换成双引号 ""。

    使用 quote() 函数只能给字符串增加双引号,而且字符串中间有单引号或者空格时,需要用单引号或双引号括起,否则编译的时候将会报错。

    查看全部
    •       unquote($string):删除字符串中的引号;

    •       quote($string):给字符串添加引号。

    查看全部
  • 格式:@each $var in <list>

    $var变量名,<list>表达式

    @mixin author-images {

        @each $author in $list {

            .photo-#{$author} {

                background: url("/images/avatars/#{$author}.png") no-repeat;

            }

        }

    }

    $list>>$author>>...

    查看全部
    0 采集 收起 来源:@each循环

    2020-07-23

  • 格式:

    @for $i from <start> through <end>

    @for $i from <start> to <end>

    through表示包括end,to不包括end


    查看全部
    0 采集 收起 来源:@for循环(上)

    2020-07-23

  • @import 可以引入scss文件

    查看全部
    0 采集 收起 来源:@import

    2020-05-01

  • rgba($color,alpha) 修改$color的透明度alpha

    查看全部
  • mix($color1,$color2,weight) weight是第一个元素的权重

    查看全部
  • red() 获取颜色中红色成分值

    blue() 获取颜色中蓝色成分值

    green() 获取颜色中绿色成分值

    查看全部
  • rgb

    rgba

    red

    blue

    green

    mix


    查看全部
  • map-remove($map,$key):删除列表中的$key

    keywords($args) 参数成对出现,key是args去掉$之后的元素,value就是$args中的value

    查看全部
  • map-values($map) 获取map列表中的所有值

    map-merge($map1,$map2) 将两个map合并,如果有重复 后面的覆盖前面的

    查看全部
  • @function colors($color){    $name:map-keys($social-colors);    @if not index($name,$color){        @warn "Warning:`#{$color} is not a valid color name`";    }     @return map-get($social-colors,$color);}@each $name in map-keys($social-colors){    .btn-#{$nam3{        color:colors($name);    }}


    查看全部
  • map-keys($social-colors):获取$social-color列表中的所有key

    查看全部
  • map-has-key($map,$key):返回一个布尔值,有返回true;
    没有返回false;


    查看全部
首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
对CSS有一定的了解,以及最好是学习完成《sass基础篇》课程,才可以更好的学习本课程。
老师告诉你能学到什么?
1、Sass 的控制命令 2、Sass 的函数功能 3、Sass 的函数的 @ 规则

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!