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 vote265 views1 answer
Avatar change design html css
CSS
3 votes269 views4 answers
How to remove border on button click
CSS
0 vote239 views1 answer
How to give a background color strip in html and css
CSS
0 vote336 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote240 views1 answer
Css how to find all ids that end with something
CSS
1 vote288 views1 answer
How to put something on layers css
CSS
1 vote289 views1 answer
Cmd hash file
CSS
4 votes332 views1 answer
Css add dots if text too long
CSS
0 vote268 views1 answer
Media query Tablet and smaller
CSS
2 votes249 views1 answer
Html css class id
CSS