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

0 vote179 views2 answers
Order
CSS
2 votes194 views3 answers
Sequelize order by
CSS
0 vote182 views1 answer
Image right css
CSS
0 vote195 views1 answer
Background image animation css codepen
CSS
1 vote179 views1 answer
Tzutc
CSS
0 vote175 views2 answers
List view render queryset
CSS
9 votes179 views1 answer
Image background html css tricks
CSS
0 vote168 views1 answer
Style image so it crops
CSS
0 vote176 views1 answer
Spaziatura caratteri css
CSS
33 votes184 views2 answers
Gradient text colors
CSS