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 vote115 views2 answers
How to make an image not blurry when stretched css
CSS
4 votes93 views1 answer
Css selector every child except last
CSS
22 votes99 views6 answers
Font-family css
CSS
0 vote105 views3 answers
Bulma lowercase
CSS
10 votes106 views2 answers
Remove underline on hover span
CSS
0 vote117 views1 answer
Css rotate 3d
CSS
6 votes98 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
37 votes148 views1 answer
Placeholder font size
CSS
2 votes135 views2 answers
Css move inline image up
CSS
1 vote104 views1 answer
Css selector not contains attribute
CSS