how to add gradient color in css code example

Example 1: how to insert gradient in css

body{
  /*Radial Gradient*/
  background-image: radial-gradient(#EA52F8 5.66%, #0066FF 94.35%);
  /*Linear Gradient*/
  background-image: linear-gradient(45.34deg, #EA52F8 5.66%, #0066FF 94.35%);
}

Example 2: css horizontal linear gradient

background: linear-gradient(to left, red, blue);

Example 3: css horizontal gradient background color

.foo {
	background-image: linear-gradient(red, blue);
}

Example 4: how to insert gradient in css

body{
  background-image: linear-gradient(45.34deg, #EA52F8 5.66%, #0066FF 94.35%);
}

Tags:

Css Example