CSS生成器 - 在线CSS代码生成工具 | 52tool
Toggle navigation
52tool
我爱工具网
首页
模板
时间线
关系图
博客
🏆 工具榜单
更多
热门入口
常用工具
生活灵感
海报工具
休闲与商务
游戏
合作
我的
我的收藏 / 最近浏览
0
关于本站
👤 登录
账号
👤 我的
⭐ 我的收藏
退出登录
🌙
🎨 CSS生成器
可视化生成CSS代码,支持盒阴影、渐变、圆角、变换等。调好参数直接复制用。
盒阴影
渐变背景
圆角边框
弹性变换
X偏移(px)
Y偏移(px)
模糊(px)
扩散(px)
颜色
透明度
颜色1
颜色2
角度
类型
线性
径向
左上(px)
右上(px)
右下(px)
左下(px)
边框宽度
边框颜色
旋转(度)
缩放
X平移(px)
Y平移(px)
倾斜X(度)
倾斜Y(度)
📋 复制CSS
📘 使用说明
选择要生成的CSS类型
调整参数
预览效果
复制CSS代码
❓ 常见问题
Q: CSS box-shadow怎么写?
A: box-shadow: X偏移 Y偏移 模糊 扩散 颜色; 例如 box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.3);
🔗 相关工具
用这个工具的人,还用了以下工具:
色卡查询
HTML转义
👀 大家还在看
JSON格式化
AI对话
二维码生成
PDF压缩
个税计算
Base64编码
时间戳转换
今日运势
纪念日计算
复利计算
求职工具箱
全部工具 →
👉 下一步
🏆 看看周榜热门
🧩 工作流中心
🔍 全部工具分类
🏠
首页
🔥
热门
🤖
AI
📄
模板
🔍
全部
💬
30 分钟帮你定稿
×
↑