chinese-gradient是一款利用CSS自定義屬性來製作的中文漸變色CSS庫，由於各式各樣、五彩斑斕的漸變色千變萬化，再加上許多英文過於抽象十分難記，於是就有了這款中文屬性庫。

該庫使用方式也是十分的簡單，只需要把你原來寫的 background: xxx; 替換為 background: var(--xxx); 即可。

如：

以前：background: blue;

現在：background: var(--湖藍);

安裝

要記得先引入這個庫才能夠去正常的使用。如果你的專案是一個工程化的專案，那麼：

npm i chinese-gradient

記得要在主檔案中引入：

import 'chinese-gradient'

同時也支援sass、less等，如:

import 'chinese-gradient/chinese-gradient.scss'

如果你只是想在<link>標籤裡引入的話，那麼：

<link rel="stylesheet" href="https://unpkg.zhimg.com/chinese-gradient">

全部漸變色

background: var(--胭脂紅);

background: var(--寶石藍);

background: var(--天藍);

background: var(--深海藍);

background: var(--火紅);

background: var(--極光綠);

background: var(--熒光綠);

background: var(--雅紫);

background: var(--米白);

background: var(--紫紅);

background: var(--暗綠);

background: var(--紫灰);

background: var(--芒果黃);

background: var(--靛藍);

background: var(--霾灰);

background: var(--軍綠);

background: var(--黛藍);

background: var(--櫻花粉);

background: var(--芭比粉);

background: var(--墨色);

background: var(--胭脂粉);

background: var(--牽牛花);

background: var(--紅海);

background: var(--湖藍);

background: var(--黃河);

background: var(--香檳金);

background: var(--怦然心動);

background: var(--青出於藍);

background: var(--燈紅酒綠);

background: var(--夏日繽紛);

background: var(--半熟香蕉);

總結

說實話，這樣的外掛我都不想寫總結，也沒啥總結的，感覺應用場景基本沒有，自己練習還行。

而且最接受不了的就是顏色用中文命名，這麼多誰記得住。

當之無愧最廢的CSS外掛！