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 vote256 views1 answer
Add shadow to iframe
CSS
0 vote269 views1 answer
How to background in modal css html and closee th modal with background
CSS
17 votes268 views1 answer
Sass calc with variable
CSS
10 votes302 views5 answers
Css hr thickness
CSS
8 votes281 views2 answers
CSS change image height
CSS
13 votes282 views4 answers
How to move an image up in css
CSS
0 vote286 views1 answer
Can i do an onclick menu with css alone
CSS
2 votes270 views2 answers
Css text to fit container
CSS
4 votes246 views1 answer
Change hex background opacity css
CSS
56 votes288 views3 answers
Donald trump twitter
CSS