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

1 vote239 views1 answer
::-ms-clear
CSS
0 vote229 views1 answer
Horizontal rule plus text
CSS
0 vote245 views1 answer
Had to add a tint to a picture on css
CSS
0 vote241 views1 answer
Meaning of bbc
CSS
0 vote228 views1 answer
Css how to center images in a table cell
CSS
23 votes221 views5 answers
Font weight css
CSS
1 vote235 views1 answer
Code changes to Hostgator not being reflected
CSS
2 votes246 views2 answers
Disable right click with css
CSS
0 vote220 views1 answer
Css how to find all ids that end with something
CSS
5 votes229 views1 answer
Css assign multiple classes to one element
CSS