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

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

比较特殊的 CSS 渐变语法

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

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

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

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

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