CSS 渐变生成器
使用可视化编辑器创建 CSS 线性渐变、径向渐变和锥形渐变，一键复制代码。免费使用，无需注册。
90deg
#1
#2
background: linear-gradient(90deg, #3b82f6, #8b5cf6);background: linear-gradient(90deg, #3b82f6, #8b5cf6);
-webkit-background: linear-gradient(90deg, #3b82f6, #8b5cf6);
-moz-background: linear-gradient(90deg, #3b82f6, #8b5cf6);
What is CSS Gradient Generator?
CSS gradients let you display smooth transitions between two or more colors. This visual generator helps you create linear-gradient, radial-gradient, and conic-gradient CSS code with an interactive editor.
💬 User Feedback
How to Use
- Select gradient type (linear, radial, or conic)
- Adjust the angle or direction
- Add or modify color stops
- Preview the gradient in real-time
- Copy the CSS code
Use Cases
- Website backgrounds and hero sections
- Button hover effects
- Text gradient effects
- Card and UI element styling