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

Gradient image css

#show_bg_2 {
 
background-image:
  /*two color gradient over an image*/
linear-gradient(to bottom, rgba(245, 246, 252, 0.52), 
rgba(117, 19, 93, 0.73)),url('images/background.jpg');
 
width: 80%;
height: 400px;
background-size: cover;
}

Css horizontal linear gradient

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

Linear-gradient(top to bottom)

/* A gradient going from the top to bottom
   starting red and finishing orange */

.class {
    background: linear-gradient(to bottom, #f32b60, #ff8f1f);
}

Gradient css

background: repeating-linear-gradient(to right top, rgb(0, 102, 255), rgb(0, 204, 255));

Gradient css

background-image: linear-gradient(to bottom, rgba(45,45,45,0) 92%, rgba(128,128,128,0.4));

//No need of extra divs

Similar codes

3 votes221 views2 answers
How to make border for letters in css
CSS
0 vote220 views1 answer
Relier css html
CSS
0 vote226 views1 answer
Estilos de scroll css
CSS
6 votes255 views1 answer
How to change hyperlink color in css
CSS
53 votes209 views6 answers
How to underline text in css
CSS
28 votes276 views6 answers
Linear gradient css background image
CSS
4 votes224 views4 answers
Ngclass multiple conditions
CSS
1 vote243 views1 answer
Cmd hash file
CSS
0 vote236 views2 answers
Caching
CSS
190 votes310 views6 answers
How to use css in html
CSS