how to add gradient background 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 gradient background color

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

Example 3: how to insert gradient in css

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

Tags:

Css Example