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

8 votes327 views4 answers
CSS Grid Column
CSS
0 vote373 views2 answers
Materialize css for react
CSS Materialize
11 votes325 views2 answers
Scss include
CSS
7 votes285 views2 answers
Font for css code google link
CSS
0 vote278 views1 answer
Sass mixin breakpoint
CSS
1 vote301 views1 answer
Remove boldness css
CSS
0 vote317 views1 answer
P{ color: blue; font-size: 14px; }
CSS
0 vote267 views1 answer
How to get font awesome outline
CSS
3 votes315 views1 answer
Inline block align center
CSS
0 vote283 views1 answer
Set height to width css
CSS