颜色渐变从上往下渐变_美丽的颜色渐变，用于设计和编码

颜色渐变从上往下渐变

uiGradients (uiGradients)

uiGradients is a community contributed collection of beautiful multi-color gradients.

uiGradients是由社区贡献的美丽的多色渐变集合。

View demo 查看演示 Download Source 下载源

This is an effort to give back to the community, by the community. Hopefully this will help you draw inspiration and serve as a resource for picking gradients for your own projects.

这是一个由社区回馈社区的努力。 希望这将帮助您获得启发，并为您为自己的项目选择渐变提供资源。

 

贡献 (Contributing)

Adding a gradient to the library is super simple. All the gradients are loaded and rendered from a single gradients.json file in the root.

向库中添加渐变非常简单。 所有渐变都是从根目录中的单个gradients.json文件加载和渲染的。

To add your gradient, fork this repository, add your gradient colors in the HEX format along with a name to the end of the json file and submit a pull request. Don't forget the commas!

要添加渐变，请派生此存储库，将HEX格式的渐变颜色以及名称添加到json文件的末尾，然后提交拉取请求。 不要忘记逗号！

[
    {
        …
    },
    {
      "name": "Career",
      "colors": ["#cb202d", "#dc1e28", "#3366cc"]
    }
]

NOTE - Please keep gradient submissions and bug fixes in separate PRs.

注意 -请在单独的PR中保留渐变提交和错误修复。

 

改进和错误 (Improvements and Bugs)

Please feel free to open a new issue here with your suggestions or any bugs which you may have come across.

请随时在此处打开新问题，其中包含您的建议或可能遇到的任何错误。

 

数据 (Data)

While there is no official api, all the gradients are present in the gradients.json file. The code below is an example of fetching the data via a CURL request

虽然没有官方的api，但是所有的渐变都存在于gradients.json文件中。 下面的代码是通过CURL请求获取数据的示例

curl -i https://raw.githubusercontent.com/ghosh/uiGradients/master/gradients.json

翻译自: https://vuejsexamples.com/beautiful-colour-gradients-for-design-and-code/

颜色渐变从上往下渐变