linear gradient properties code example
Example 1: how to insert gradient in css
body{
background-image: radial-gradient(#EA52F8 5.66%, #0066FF 94.35%);
background-image: linear-gradient(45.34deg, #EA52F8 5.66%, #0066FF 94.35%);
}
Example 2: linear gradient css background image
background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);
Example 3: css horizontal linear gradient
background: linear-gradient(to left, red, blue);
Example 4: linear-gradient
background: linear-gradient(to left, #333, #333 50%, #eee 100%);
Example 5: css linear gradient
#gradient {
background-image: linear-gradient(180deg, black, red);
}
Example 6: sideways linear gradient
linear-gradient(45deg, blue, red);
linear-gradient(to left top, blue, red);
linear-gradient(0deg, blue, green 40%, red);
linear-gradient(.25turn, red, 10%, blue);
linear-gradient(45deg, red 0 50%, blue 50% 100%);