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

3 votes219 views3 answers
Change br height
CSS
0 vote199 views1 answer
Add logo html css
CSS
23 votes188 views5 answers
Font weight css
CSS
0 vote204 views1 answer
Css perfekt min width mobile
CSS
43 votes197 views6 answers
Nth-child in css
CSS
1 vote218 views1 answer
Input type search remove x
CSS
1 vote243 views1 answer
Multiple divs next to each other
CSS
0 vote255 views2 answers
List-style-image size
CSS
0 vote198 views1 answer
Learn css
CSS
2 votes201 views1 answer
Div not larger than its content
CSS