Gradient color css

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

}

Css horizontal gradient background color

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

Linear-gradient

background: linear-gradient(to left, #333, #333 50%, #eee 100%);

Gradient color css

  background: #ada996; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #ada996, #f2f2f2, #dbdbdb, #eaeaea); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #ada996, #f2f2f2, #dbdbdb, #eaeaea); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

Source: uigradients.com

Similar codes

22 votes339 views5 answers
Circle css
CSS
0 vote330 views1 answer
Uninstall wine 6.0.1
CSS
6 votes350 views3 answers
Inner box shadow
CSS
13 votes342 views4 answers
Background color transparent
CSS
2 votes353 views3 answers
Remove border css
CSS
6 votes337 views4 answers
Disable click css
CSS
22 votes331 views2 answers
Disable highlight css
CSS
59 votes336 views6 answers
Remove underline from link css
CSS
28 votes360 views3 answers
Box shadow to make border bottom
CSS
6 votes377 views1 answer
How to add truncate code
CSS