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

19 votes204 views6 answers
Css font
CSS
0 vote201 views1 answer
Cs cart ty-no-image__icon ty-icon-image
CSS
0 vote249 views1 answer
Css mask cut diagonal
CSS
0 vote231 views1 answer
Css animate svg circle radius
CSS
0 vote248 views1 answer
How to add dotted line after and before text in css
CSS
1 vote231 views1 answer
Css 100% -20px
CSS
-1 vote221 views1 answer
Centralize div css
CSS
5 votes243 views4 answers
Css flex gap between items
CSS
0 vote243 views1 answer
Css center modal vertically
CSS
5 votes218 views1 answer
Css table border-collapse
CSS