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

13 votes205 views6 answers
Tailwind center vertically
CSS
0 vote149 views2 answers
Ul class= social-icons
CSS
6 votes143 views3 answers
Linear-gradient(top to bottom)
CSS
0 vote135 views1 answer
Chenge number of lines of text in css
CSS
1 vote163 views1 answer
Convert string to uppercase while typing
CSS
32 votes113 views3 answers
Add google font
CSS
40 votes157 views6 answers
'pip' is not recognized as an internal or external command
CSS
0 vote165 views1 answer
Label for centered image
CSS
1 vote192 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
11 votes141 views2 answers
How to change image position in css
CSS