CSS生成器 - 在线CSS代码生成工具 | 52tool

🎨 CSS生成器

可视化生成CSS代码，支持盒阴影、渐变、圆角、变换等。调好参数直接复制用。

盒阴影

渐变背景

圆角边框

弹性变换

X偏移(px)

Y偏移(px)

模糊(px)

扩散(px)

颜色

透明度

颜色1

颜色2

角度

类型

左上(px)

右上(px)

右下(px)

左下(px)

边框宽度

边框颜色

旋转(度)

缩放

X平移(px)

Y平移(px)

倾斜X(度)

倾斜Y(度)

📘 使用说明

选择要生成的CSS类型
调整参数
预览效果
复制CSS代码

❓ 常见问题

Q: CSS box-shadow怎么写？

A: box-shadow: X偏移 Y偏移模糊扩散颜色; 例如 box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.3);

👀 大家还在看

JSON格式化 AI对话二维码生成 PDF压缩个税计算 Base64编码时间戳转换今日运势纪念日计算复利计算求职工具箱全部工具 →

👉 下一步 🏆 看看周榜热门 🧩 工作流中心 🔍 全部工具分类

🔥 大家都在用基于 9 月真实数据

📅

✏️

🔑

💰

🔢

🎨 CSS生成器

📘 使用说明

❓ 常见问题

🔗 相关工具

👀 大家还在看