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

76 votes180 views6 answers
Border radius css
CSS
0 vote191 views1 answer
Bootstrap progress bar animation not working
CSS
0 vote210 views1 answer
Css letter spacing tight
CSS
32 votes224 views5 answers
Css opacity
CSS
0 vote200 views1 answer
Box shadow to table cell css
CSS
1 vote145 views2 answers
Pure css spinner
CSS
0 vote226 views1 answer
Css nearest neighbor
CSS
14 votes175 views2 answers
How to render css in flask link
CSS
120 votes207 views6 answers
Css hide scrollbar
CSS
0 vote194 views1 answer
Javascript select element that does not have attribute
CSS