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

Gradient css background

/*From bottom to top*/
background: rgb(166,166,166);
background: linear-gradient(0deg, rgba(166,166,166,1) 0%, rgba(255,255,255,1) 29%);

Css linear gradient

#grad {
  background-image: linear-gradient(to right, #f1b1b1 , #82e6e8);

}

Css horizontal gradient background color

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

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 (;)

Similar codes

0 vote244 views1 answer
Tynker bot
CSS
0 vote185 views1 answer
Veritical align inline-block checkbox element
CSS
0 vote237 views2 answers
Fix materialize form label not working
CSS
54 votes210 views4 answers
Dark blue hex code
CSS
20 votes211 views3 answers
Center align div vertically and horizontally css
CSS
1 vote194 views1 answer
Webkit css
CSS
8 votes197 views4 answers
Css left
CSS
0 vote205 views1 answer
Can a div change an item in another div css
CSS
26 votes194 views2 answers
Onhover mouse pointer css
CSS
0 vote201 views2 answers
Easyui datagrid header color
CSS