loader

CSS Gradients

Click a Box to copy

background: linear-gradient(to right, #5e72e4, #8392f7);
background: linear-gradient(to right, #5e72e4, #ff9f43, #ea5455);
background: linear-gradient(135deg, #5e72e4, #8392f7);
background: linear-gradient(45deg, #5e72e4, #8392f7);
background: linear-gradient(225deg, #5e72e4, #8392f7);
background: linear-gradient(to bottom, #5e72e4, #8392f7);
background: radial-gradient(#5e72e4, #8392f7);
background: radial-gradient(circle, #5e72e4, #8392f7);
background: radial-gradient(ellipse, #5e72e4, #8392f7);
background: radial-gradient(circle at top right, #5e72e4, #8392f7);
background: conic-gradient(#5e72e4, #8392f7);
background: conic-gradient(from 45deg, #5e72e4, #8392f7);
background: conic-gradient( red, orange, yellow, green, blue, indigo, violet, red );