Css linear gradient

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

Css linear gradient

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

}

Linear gradient css background image

background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);

Html css background linear-gradient

#background {
  background-image: linear-gradient(to left, #4B2C4C , #151F28);
}

Css linear gradient

#gradient {
  background-image: linear-gradient(180deg, black, red);
}
/* can be applied in many places, as your <body> background or a <div> etc */

Similar codes

1 vote107 views1 answer
Ionic create project css
CSS
0 vote136 views1 answer
@page css
CSS
1 vote183 views3 answers
How to add link click script in url
CSS
63 votes155 views6 answers
Text shadow
CSS
1 vote174 views1 answer
Css contenteditable outline
CSS
0 vote164 views1 answer
Css tr border radius
CSS
0 vote156 views1 answer
Opposite of visibility hidden in css
CSS
36 votes168 views6 answers
How to insert gradient in css
CSS
122 votes148 views6 answers
How to center in css
CSS
1 vote138 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS