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

6 votes105 views1 answer
How to center an hr
CSS
0 vote115 views2 answers
Sass variables across files
CSS
-1 vote110 views2 answers
Css good background color
CSS
0 vote101 views1 answer
Css textarea background color transparent
CSS
0 vote142 views1 answer
Css pause animation
CSS
4 votes129 views3 answers
Add space between flex items
CSS
8 votes174 views3 answers
Bootstrap file upload
CSS Bootstrap
0 vote122 views1 answer
How to make 3 photos display inline-blocks
CSS
2 votes108 views1 answer
Css image overflow
CSS
26 votes128 views5 answers
Css text align left
CSS