Live Gradient Preview
Angle:
135°
background: linear-gradient(135deg, #6366f1, #ec4899);
Modern Gradients in UI and Web Design
CSS gradients display smooth transitions between two or more specified colors. Rather than loading heavy image assets, using CSS gradient backgrounds optimizes page loading performance and improves Core Web Vitals rankings on search engines.