摘要: transparentize() 和 fade-out() 函数所起作用刚好与 opacify() 和 fade-in() 函数相反,让颜色更加的透明。这两个函数会让透明值做减法运算,当计算出来的结果小于 0 时会以 0 计算,表示全透明。 阅读全文
posted @ 2018-06-02 14:42 珊迪·奇克斯 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 这两个函数是用来对已有颜色的透明度做一个加法运算,会让颜色更加不透明。其接受两个参数,第一个参数是原始颜色,第二个参数是你需要增加的透明度值,其取值范围主要是在 0~1 之间。当透明度值增加到大于 1 时,会以 1 计算,表示颜色不具有任何透明度。 其中 fade-in( ) 函数又名 fade_i 阅读全文
posted @ 2018-06-02 14:36 珊迪·奇克斯 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 在前面介绍 RGB 函数一节中,还记得吗?有一个 rgba() 函数可以创建一个颜色,同时还可以对颜色修改其透明度。其可以接受两个参数,第一个参数为颜色,第二个参数是你需要设置的颜色透明值。 阅读全文
posted @ 2018-06-02 14:27 珊迪·奇克斯 阅读(233) 评论(0) 推荐(0) 编辑
摘要: alphpa() 和 opacity() 函数很简单,与前面介绍的 red(),green() 等函数很类似。这个函数的主要功能是用来获取一个颜色的透明度值。如果颜色没有特别指定透明度,那么这两个函数得到的值都会是 1: 阅读全文
posted @ 2018-06-02 14:25 珊迪·奇克斯 阅读(244) 评论(0) 推荐(0) 编辑
摘要: Mix 函数是将两种颜色根据一定的比例混合在一起,生成另一种颜色。其使用语法如下: $color-1 和 $color-2 指的是你需要合并的颜色,颜色可以是任何表达式,也可以是颜色变量。 $weight 为 合并的比例(选择权重),默认值为 50%,其取值范围是 0~1 之间。它是每个 RGB 的 阅读全文
posted @ 2018-06-02 13:47 珊迪·奇克斯 阅读(11019) 评论(0) 推荐(3) 编辑
摘要: Red() 函数 red() 函数非常简单,其主要用来获取一个颜色当中的红色值。假设有一个 #f36 的颜色,如果你想得到 #f36 中的 red 值是多少,这个时候使用 red() 函数就能很简单获取。 得到的值是”255”。 Green() 函数 green() 函数和 red() 函数一样,用 阅读全文
posted @ 2018-06-02 13:10 珊迪·奇克斯 阅读(905) 评论(0) 推荐(0) 编辑
摘要: rgba() 函数主要用来将一个颜色根据透明度转换成 rgba 颜色。 其语法有两种格式: 其中 rgba($color,$alpha) 函数作用更大,主要运用在这样的情形之中:假设在实际中知道的颜色值是 #f36 或者 red,但在使用中,需要给他们配上一个透明度,这个时候在原来的 CSS 中,首 阅读全文
posted @ 2018-06-02 11:46 珊迪·奇克斯 阅读(9069) 评论(0) 推荐(0) 编辑
摘要: 在 Sass 的官方文档中,列出了 Sass 的颜色函数清单,从大的方面主要分为 RGB , HSL 和 Opacity 三大函数,当然其还包括一些其他的颜色函数,比如说 adjust-color 和 change-color 等。在这章节中,将主要和大家一起探讨 Sass 颜色函数中常见的 RGB 阅读全文
posted @ 2018-06-02 10:45 珊迪·奇克斯 阅读(443) 评论(0) 推荐(0) 编辑