Gradient Generator
Create beautiful CSS gradients with a visual editor and copy CSS code.
Configuration
Angle
CSS Code
background: ;
CSS Gradients
Gradients allow you to display smooth transitions between two or more specified colors. CSS gradients let you display these transitions as background images on specific elements.
Performance
Using CSS gradients instead of image files reduces HTTP requests and page load times. They scale infinitely without quality loss and are perfect for responsive backgrounds and buttons.