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">
全部渐变色
总结
说实话,这样的插件我都不想写总结,也没啥总结的,感觉应用场景基本没有,自己练习还行。
而且最接受不了的就是颜色用中文命名,这么多谁记得住。
当之无愧最废的CSS插件!