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 vote383 views1 answer
Cl image tag width
CSS
0 vote371 views1 answer
Adding script in vat for product order shopify
CSS
0 vote367 views1 answer
Check concurrent connections for linux user
CSS
0 vote348 views2 answers
Css stopper une animation
CSS
32 votes394 views6 answers
@font-face in css
CSS
0 vote388 views1 answer
"selector-max-specificity"
CSS
0 vote360 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
0 vote393 views2 answers
Position relative and absolute difference in css
CSS
0 vote369 views1 answer
Device-pixel-ratio css
CSS
0 vote372 views3 answers
Apple like scroll css
CSS