一款精美的 CSS 渐变可视化组件，支持所有 CSS 渐变语法的双向绑定！

[nzbin]

• 支持所有 CSS 渐变语法
• 支持触摸屏
• 支持 A11y 和键盘操作
• 模块化组件设计
• 丰富的 CSS 变量

比较特殊的 CSS 渐变语法

如果颜色断点只写偏移不写颜色就会形成一个 color hint 的操控点（可视化组件中直接删除颜色值即可），也就是 PhotoShop 渐变中两个颜色断点之间的小菱形

如果两个相邻断点的颜色相同就可以把偏移值合并在一起，但是在语法解析的时候还是会拆成两个，每个颜色断点的偏移值最多可以定义两个

可视化组件默认不显示色彩插值方式，只有写了 in 关键字才会被解析，关于色彩插值方式详见 MDN

⭐ 源码: https://github.com/acrodata/gradient-picker

🕹️ 演示: https://acrodata.github.io/gradient-picker/

[summerwar]

使用了下，感觉不错。

有个小小的建议，可以增加一点浅色系，或者说流行的渐变色作为样式，感觉你页面上现有的，有点 office 2003 那个时代的感觉，从网上找了个图片，如下图

[nzbin]

@summerwar 好主意，这就安排上