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

2 votes328 views1 answer
How to fix the footer at the bottom of the page
CSS
1 vote358 views2 answers
Set custom cursor
CSS
0 vote338 views1 answer
Mediaquery for portrate
CSS
7 votes341 views2 answers
Css set div width to screen
CSS
-1 vote341 views1 answer
Css not full width
CSS
3 votes316 views2 answers
Align an entire second row center css grid
CSS
198 votes482 views6 answers
How to add css in html
CSS
1 vote333 views3 answers
Css background image not working
CSS
12 votes317 views6 answers
Responsive text
CSS
222 votes516 views6 answers
Bootstrap CSS CDN
CSS