CSS 工具

拖动滑块调整四角圆角，一键复制 border-radius 代码。

调整偏移、模糊、扩展和颜色滑块，复制生成的 box-shadow 代码。

可视化设计阴影，一次拿到适配 iOS 和 Android 的 React Native style 对象。

拖动滑块设计缓动曲线，实时预览动画，复制生成的 cubic-bezier() CSS。

输入文字、选两种故障色，复制带动画的色彩错位故障效果 CSS + HTML。

生成旋转、跳动或脉冲式的 CSS 加载动画，直接复制 CSS + HTML。

生成圆角对勾、开关滑块或实心圆点样式的复选框，直接复制 CSS。

调整尺寸、颜色和圆角，复制基于 checkbox 的无障碍开关按钮的 HTML 和 CSS。

选择方向、大小和颜色，复制用边框技巧做出的纯 CSS 三角形。

调整背景不透明度、模糊、边框和圆角,做出磨砂玻璃卡片,然后复制 CSS。

选择图案(波点、条纹、棋盘格、网格),调整颜色和尺寸,然后复制 CSS。

添加颜色节点、拖动角度滑块，生成线性或径向渐变，复制 CSS。

选择形状预设，实时预览裁剪效果，复制生成的 clip-path CSS。

双向查询任意 Tailwind 默认颜色：HEX 转类名，或类名转 HEX/RGB——外加完整可浏览调色板。

在 Pantone（PMS）、CMYK、RGB 和 Hex 色值之间双向转换，配备可搜索的 1341 色 Pantone 参考表。

瞬间生成CSS浮雕或雕刻文字效果——输入文本，调整样式和强度，即可复制CSS代码。

瞬间生成CSS霓虹发光文字效果——输入文本，选择发光颜色和强度，即可复制CSS代码。

瞬间生成金属金色、银色、青铜色或玫瑰金CSS按钮——输入文本，选择金属样式，即可复制CSS代码。

可视化选色或从上传的图片中取色，输出 HEX、RGB、HSL 并可一键复制。