前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

分享一款史上最没用的CSS库chinese-gradient

chinese-gradient是一款利用CSS自定义属性来制作的中文渐变色CSS库,由于各式各样、五彩斑斓的渐变色千变万化,再加上许多英文过于抽象十分难记,于是就有了这款中文属性库。

该库使用方式也是十分的简单,只需要把你原来写的 background: xxx; 替换为 background: var(--xxx); 即可。

如:

以前:background: blue;

现在:background: var(--湖蓝);

安装

要记得先引入这个库才能够去正常使用。如果你的项目是一个工程化的项目,那么:

npm i chinese-gradient


记得要在主文件中引入:

import 'chinese-gradient'


同时也支持sassless等,如:

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


如果你只是想在<link>标签里引入的话,那么:

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

全部渐变色

总结

说实话,这样的插件我都不想写总结,也没啥总结的,感觉应用场景基本没有,自己练习还行。

而且最接受不了的就是颜色用中文命名,这么多谁记得住。

当之无愧最废的CSS插件!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言