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 vote327 views3 answers
Apple like scroll css
CSS
8 votes322 views6 answers
Overlay css background image
CSS
6 votes362 views2 answers
CSS set input text to word wrap
CSS
0 vote292 views3 answers
Css how to make 2d animations at once
CSS
0 vote305 views1 answer
Add textcontent on hover
CSS
1 vote317 views1 answer
Edge media query
CSS
73 votes329 views5 answers
Border-radius
CSS
0 vote347 views1 answer
Css pagedList
CSS
0 vote321 views1 answer
What is bulletproof buttons
CSS
-1 vote339 views1 answer
Select box arrow hide css in ie
CSS