Linear gradient and url css

Background-image linear-gradient url

  body {
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), linear-gradient(red, yellow);
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -webkit-gradient(linear, left top, left bottom, from(red), to(yellow));
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -moz-linear-gradient(top, red, yellow);
  }

Source: stackoverflow.com

Linear gradient and url css

body {
  background: url('http://www.skrenta.com/images/stackoverflow.jpg') no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 1)));
}
 Run code snippet

Source: stackoverflow.com

Similar codes

23 votes157 views3 answers
Placeholder color in css
CSS
0 vote160 views1 answer
Reference WP media file on child theme CSS file
CSS
3 votes160 views1 answer
How to change the page background in css
CSS
0 vote166 views1 answer
How to hide text that is longer than its parent div
CSS
8 votes175 views4 answers
Css boilerplate
CSS
7 votes178 views3 answers
Stick menu bar in css
CSS
1 vote157 views1 answer
Css put span on new line
CSS
0 vote164 views10 answers
BEST PLACE TO FIND CSS CODES
CSS
0 vote163 views1 answer
Center tecxt css
CSS
420 votes374 views6 answers
Delete array element
CSS