Gradient Generator
CSS 渐变背景生成器
🇨🇳 中文
🇺🇸 English
🇪🇸 Español
🇷🇺 Русский
🇵🇱 Polski
配置
随机
类型 (Type)
Linear (线性)
Radial (径向)
角度 (Angle)
90deg
形状 (Shape)
Circle (圆形)
Ellipse (椭圆)
位置 (Position)
Center (居中)
Top (顶部)
Bottom (底部)
Left (左侧)
Right (右侧)
Top Left (左上)
Bottom Right (右下)
颜色节点
添加
热门预设
Preview
CSS Code
Copy CSS
background: linear-gradient(...);
Compatible with all modern browsers.
我的「渐变魔法盒」：专属设计师的CSS渐变小助手
跟我一起玩渐变魔法吧📝
偷偷告诉你的渐变小知识📚
你们常问的小问题～