-
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
提交
取消