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

6 votes82 views4 answers
Radial gradient css
CSS
0 vote137 views1 answer
Keeping text to be in one line
CSS
0 vote125 views1 answer
Morphism box shadow
CSS
17 votes117 views2 answers
Filter: alpha(opacity=0);
CSS
29 votes112 views9 answers
Traduttore
CSS
0 vote113 views1 answer
Nuxt add css file
CSS
2 votes149 views1 answer
Twig ternaire
CSS
2 votes128 views1 answer
Make text unhighlightable
CSS
0 vote117 views1 answer
Enlarge ionicons css
CSS
38 votes120 views5 answers
Roboto
CSS