工
创意工具箱
首页
关于
CSS生成器
🌈 渐变背景
🌑 阴影效果
📐 边框样式
🌈 渐变背景生成器
渐变类型
线性渐变
径向渐变
方向
从左到右
从右到左
从上到下
从下到上
对角线 ↘
对角线 ↙
对角线 ↗
对角线 ↖
颜色
添加颜色
预览效果
生成的CSS代码
复制代码
background: linear-gradient(to right, #3b82f6, #8b5cf6);
💡 使用技巧
• 渐变色建议不超过5种颜色
• 阴影颜色支持透明度设置
• 边框样式可搭配圆角使用
• 复制的代码可直接用于CSS文件
🏆
稳定不贵,分钟级部署OpenClaw
已在跑的虾友领升级权益·新用户低至68元/年