背景、阴影与圆角
线性 / 径向 / 锥形渐变支持 2–6 个色标，包含位置和不透明度；同位置可形成硬切换，代码按位置稳定排序。线性角度 0° 向上、90° 向右、180° 向下。径向与锥形可调整中心。纯色使用第一个色标，反向功能在渐变模式使用。
阴影最多 4 层，第一层画在最上面。水平和垂直偏移为 -80–80 px，模糊 0–120 px，扩展 -40–60 px。可设内阴影，或临时关闭全部阴影；关闭后仍保留参数，导出 box-shadow: none。
圆角支持四角联动或独立设置，单位为 px（0–200）或 %（0–100）。切换单位保留数值，请重新核对效果。百分比的水平 / 垂直半径分别相对元素宽 / 高；过大的圆角按浏览器规则缩小。边框支持 0–12 px、实线 / 虚线 / 点线。
预览与 CSS
预览显示全部样式；卡片、按钮、色块、浅 / 深 / 网格底板及文字颜色仅帮助查看效果，不写入导出。预览空间不足时等比缩小；较大的阴影可能超出预览边缘，实际使用效果取决于元素尺寸与父容器 overflow。
生成的 CSS 只包含 background、box-shadow、border-radius 和 border，未设置尺寸、盒模型、字体、文案或过渡。可选择只导出其中一组属性；局部代码不会还原整张预览卡片。类名仅支持以英文字母或下划线开头的字母、数字、下划线和连字符，最多 48 位。把类名应用到你自己的元素上，并按项目需求设置尺寸等其他样式。
复制需要浏览器允许剪贴板写入；失败时会选中代码，可手动复制。下载为 UTF-8 .css。现代浏览器支持本页基础语法，锥形渐变在较旧浏览器中的支持可能不同；请在目标浏览器核对。
工程、历史与隐私
预设、重置和有效参数调整均可撤销 / 重做，保留最近 40 次修改。无效输入会暂停预览与导出，修正后恢复。预设会替换当前样式但保留类名与导出范围。保存工程下载 .css-style.json，包含样式、类名、导出范围和文件名，不保存预览底板等界面设置。
打开工程会替换当前样式，可撤销；仅接受本工具版本 1 的工程，最多 40 KB。错误文件不会替换当前设置。不支持导入任意 CSS 或远程资源。没有上传、外站 CDN、追踪或自动存储，页面完整加载后可断网操作；刷新关闭会丢失未保存的编辑。
实现与许可说明 ↗