拖动参数就能看到效果，复制出去的就是预览里的那条 CSS。
等待输入…
可以。预览区用的就是输出的那条 CSS 字符串，不存在「预览一套、导出另一套」的映射，所以看到什么粘贴出来就是什么。渐变会同时给出 background-image 与一条 background-color 兜底色，万一遇到不支持渐变的渲染环境也不会露白。
#rrggbbaa 这种八位写法在老一点的浏览器和部分邮件客户端里不被识别，整条规则会直接失效。这里把颜色统一转成 rgba()，透明度单独给，兼容性更稳。
不会。CSS 规定色标位置必须单调递增，写乱了浏览器会自己改，但那样贴到别处就变样。本页输出前会按位置排序，松手时界面也会跟着重排，保证你看到的顺序就是输出的顺序。
不会。页面不包含任何网络请求，也不会生成图片，只是把参数拼成一段 CSS 文本。你调的颜色和数值只留在浏览器本地，方便下次打开继续调。
渐变和阴影是最容易「写的时候觉得对、上屏才发现不对」的两件事：角度差 10 度、模糊多半档、透明度差一点点，观感就完全不同。与其反复改数字刷新页面，不如在这里拖到满意，再把那段 CSS 复制回项目。
预览区直接应用生成出来的那条 CSS，不做参数到样式的二次映射，看到的就是拿走的效果。
CSS 要求色标位置单调递增，输出前统一排序，界面也跟着重排，不会出现「界面顺序和代码顺序不一致」。
八位十六进制在老浏览器和邮件客户端里不认，这里把透明度单独拆出来，兼容性更稳。
最多四层盒子阴影，逐层叠加并支持内阴影；常见的「卡片悬浮」「按钮按下」都预置好了。
线性、径向、圆锥一次做全，径向还能选形状与延伸方式，圆锥可以直接做色环和转盘。
渐变之外同时给出 background-color，遇到不支持渐变的渲染环境也不会露出一块白。
0 度朝上、90 度朝右，和 CSS 的定义一致，不用在脑子里做换算。
不联网、不上传、不生成图片，参数只留在你的浏览器里。