-
個人原因，顏色函數這塊學的很吃力，多看多記多練練練查看全部
-
transparentize() 和 fade-out() 函數所起作用剛好與 opacify() 和 fade-in() 函數相反，讓顏色更加的透明。這兩個函數會讓透明值做減法運算，當計算出來的結果小于 0 時會以 0 計算，表示全透明。查看全部
-
這兩個函數是用來對已有顏色的透明度做一個加法運算，會讓顏色更加不透明。其接受兩個參數，第一個參數是原始顏色，第二個參數是你需要增加的透明度值，其取值范圍主要是在 0~1 之間。當透明度值增加到大于 1 時，會以 1 計算，表示顏色不具有任何透明度。 其中 fade-in( ) 函數又名 fade_in() 函數。其所起作用等效。查看全部
-
alphpa() 和 opacity() 函數很簡單，與前面介紹的 red(),green() 等函數很類似。這個函數的主要功能是用來獲取一個顏色的透明度值。如果顏色沒有特別指定透明度，那么這兩個函數得到的值都會是 1：查看全部
-
css: 在 CSS 中除了可以使用 rgba、hsla 和 transform 來控制顏色透明度之外，還可以使用 opacity 來控制，只不過前兩者只是針對顏色上的透明通道做處理，而后者是控制整個元素的透明度。 Sass: alpha($color) /opacity($color)：獲取顏色透明度值； rgba($color, $alpha)：改變顏色的透明度值； opacify($color, $amount) / fade-in($color, $amount)：使顏色更不透明； transparentize($color, $amount) / fade-out($color, $amount)：使顏色更加透明。查看全部
-
grayscale()函數 這個函數會顏色的飽和度值直接調至 0%，所以此函數與 desaturate($color,100%) 所起的功能是一樣的。一般這個函數能將彩色顏色轉換成不同程度的灰色查看全部
-
嘗試多次，如果兩個值（拋棄 deg 和 %，僅僅是數值）相同，計算出來的顏色也會一樣。 這里有一個很有意思的地方，在 HSL 顏色表達方式上，色相是從 -360 和 360 之間，負值逆時針轉，正值順時針轉。在這個實例中，原色的色相值約 356deg，加上 30deg 后，新顏色變成了 386deg，但我們的色盤中并沒有比 360deg 更大的值，此時新顏色的值也并不會是386deg，那將怎么辦呢？其實很簡單，當值大于 360deg時，表示色盤轉完了一圈，繼續順時針轉余下的值（這里是 26deg），那么這個繼續轉的值就是新顏色的色相值。小伙伴們，看到這個，你是不是又有點驚了。反之，得到的負數值也是一樣的道理。查看全部
-
saturation($baseColor) 函數測量顏色的飽和度 saturate($baseColor,30%); //在原色飽和度基礎上增加飽和度，加法 desaturate($baseColor,30%);//在原色飽和度基礎上減少飽和度，減法查看全部
-
拓展：函數 lightness() 函數檢測顏色的亮度。 正題：lighten() 和 darken() 函數只是在原始顏色的基礎上對亮度值進行運算操作,前者加法后者減法，用法：函數名（$變量名，百分數/小數） 但是生成出來的新顏色在色相和飽和度會有略微的變化，比如上面的實例生成的新顏色與原始色在色相與飽和度值的對比： 當顏色的亮度值接近或大于 100%，顏色會變成白色；反之顏色的亮度值接近或小于 0 時，顏色會變成黑色。查看全部
-
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)：反回一個反相色，紅、綠、藍色值倒過來，而透明度不變。查看全部
-
$weight 為 合并的比例（選擇權重），默認值為 50%，其取值范圍是 0~1 之間。它是每個 RGB 的百分比來衡量，當然透明度也會有一定的權重。默認的比例是 50%，這意味著兩個顏色各占一半，如果指定的比例是 25%，這意味著第一個顏色所占比例為 25%，第二個顏色所占比例為75%。即$weight這個表示的是第一個顏色所占的比例，從而可以推算第二個顏色所占的比例查看全部
-
keywords($args) 函數可以說是一個動態創建 map 的函數。可以通過混合宏或函數的參數變創建 map。 參數也是成對出現，其中 $args 變成 key(會自動去掉$符號)，而 $args 對應的值就是value。 @mixin map($args...){ @debug keywords($args); } @include map( $dribble: #ea4c89, $facebook: #3b5998, $github: #171515, $google: #db4437, $twitter: #55acee );查看全部
-
map-merge($map1,$map2) 函數是將 $map1 和 $map2 合并，然后得到一個新的 $map。如果你要快速將新的值插入到 $map 中的話，這種方法是最佳方法 不過有一點需要注意，如果 $map1 和 $map2 中有相同的 $key 名，那么將 $map2 中的 $key 會取代 $map1 中的查看全部
-
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。查看全部
-
首先有一個類似于 Sass 的變量一樣，用個 $ 加上命名空間來聲明 map。后面緊接是一個小括號 ()，將數據以 key:value 的形式賦予，其中 key 和 value 是成對出現，并且每對之間使用逗號 (,) 分隔，其中最后一組后面沒有逗號。 其中鍵 key 是用來查找相關聯的值 value。使用 map 可以很容易收集鍵的值和動態插入。 map 的嵌套實用性也非常的強，大家可能有碰到過換皮膚的項目，可能每一套皮膚對應的顏色蠻多的， 那么使用此功能來管理顏色的變量就非常的有條理性，便于維護與管理。 對于 Sass 的 map，還可以讓 map 嵌套 map。其實就是 map 的某一個 key 當成 map，里面可以繼續放一對或者多對 key:value：查看全部
舉報
0/150
提交
取消