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 vote266 views1 answer
Make td match display flex
CSS
0 vote311 views1 answer
Css make a cell twice as big flexbox
CSS
2 votes267 views1 answer
Css make something always on top
CSS
1 vote274 views1 answer
Different measurements in css
CSS
9 votes292 views2 answers
Align items in row css
CSS
0 vote305 views1 answer
Box shadow 2 sides only
CSS
0 vote267 views1 answer
Css add space right
CSS
5 votes271 views1 answer
Safari only CSS hack
CSS
0 vote277 views2 answers
Css grid reverse column order
CSS
17 votes286 views2 answers
Css horizontal linear gradient
CSS