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

47 votes341 views4 answers
Transform
CSS
1 vote381 views1 answer
Z-index on position absolute
CSS
2 votes351 views2 answers
Header center
CSS
20 votes317 views5 answers
Css coor background
CSS
0 vote326 views1 answer
Make img tag take all div space
CSS
20 votes376 views3 answers
Align items center in grid
CSS
0 vote336 views1 answer
Position absolute center with transform
CSS
0 vote379 views1 answer
Set number word to new line html
CSS
6 votes397 views2 answers
Blink css
CSS
6 votes340 views2 answers
Transition prefixes css
CSS