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 vote134 views2 answers
Input autocomplete css color
CSS
1 vote126 views2 answers
Rainbow text with css
CSS
0 vote84 views1 answer
Css click through element
CSS
6 votes128 views2 answers
Remove outline of input css
CSS
0 vote129 views1 answer
Comentarios en archivo scss
CSS
1 vote125 views2 answers
How to set thickness of hr in html
CSS
0 vote120 views1 answer
Border none select
CSS
3 votes122 views2 answers
Make triangle using div
CSS
0 vote129 views1 answer
Chai assert
CSS
1 vote124 views1 answer
Css erase text
CSS