我總是喜歡深入研究網路上出現的新的和奇妙的東西，今天我要看看 color-mix 函式，在寫這篇文章的時候，它還沒有在任何穩定的瀏覽器中出現，但已經在火狐瀏覽器中出現了一個標誌。
color-mix 的作用是什麼？
color-mix 函式允許你混合顏色（誰會想到呢），這些顏色可以是命名的顏色、十六進位制的顏色或任何種類的顏色，真的。這非常令人興奮，因為它允許我們新增一些類似於 SCSS 的功能，如 lighten, darken 甚至 adjust-color 的alpha。
為什麼會有色彩空間
色彩空間是另一回事。色彩空間是一種以數學方式定義一組顏色的方法。使用不同的色彩空間可以代表不同的顏色。自然，這意味著在不同的色彩空間中混合顏色會產生不同的結果。
這是Surma在谷歌工作時的一段視訊，其中對色彩空間的探討比我更詳細。
實踐例子
我舉了一個非常快的例子，說明你可以做的一些事情。正如我之前提到的，這些程式碼在沒有標誌的情況下無法在穩定的瀏覽器中執行，所以我也上傳了一張結果的圖片。
我舉了一個非常快速的例子來說明你可以做的一些事情。正如我前面提到的，這段程式碼中無一能在穩定的瀏覽器中執行而不需要標誌，所以我也上傳了一張結果的圖片。
我所做的例子是
- 通過與黑色混合使西紅柿變暗、
- 與白色混合後，茶色變淺
- 紫色通過與透明色混合變得不透明（技術上似乎是一種顏色）。
- 紅色混入綠色
小結
看到像這樣的小功能出現在css中，使它變得更加強大，真是太酷了，也許有一天我們根本不需要css前處理器，特別是在談論css巢狀的時候。非常令人興奮。
評論留言