Answers for "how to add a gradient in css"

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%);
}

how to put background gradient css

.element {
  background: linear-gradient(
  #FF0000 /*Colour 1*/
  #00FFFF /*Colour 2*/
  );
}

/*Linear Gradient (Popular)*/
  
  
.element {
  background: radial-gradient(
  #FF0000 /*Colour 1*/
  #00FFFF /*Colour 2*/
  );
}

/*Radial Gradient*/

how to insert gradient in css

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

linear gradient in CSS

The general syntax of linear-gradient is-
background: linear-gradient(gradient direction, color1 , color2 , color3, .....);

Forexample-
background: linear-gradient(46deg,green,blue,yellow,pink);

NOTE: (common mistake) we forget to write the semi-colon (;)