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

0 vote165 views1 answer
Webkit css audio code
CSS
50 votes181 views4 answers
Css background image fit
CSS
0 vote199 views1 answer
Accessing folders in css
CSS
0 vote151 views1 answer
Laravel css image url
CSS
2 votes156 views3 answers
Backdrop css
CSS
0 vote147 views1 answer
Javafx css rectangle outline
CSS
7 votes157 views1 answer
Show hand icon on hover javascript
CSS
21 votes141 views2 answers
Form field focus border remove css
CSS
55 votes156 views5 answers
Margin shorthand CSS
CSS
0 vote213 views1 answer
Bootstrap ol
CSS Bootstrap