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 vote375 views1 answer
Move element on new line css
CSS
0 vote370 views2 answers
Background Video.module.css'
CSS
0 vote360 views1 answer
Galerija nije kreirana uspešno
CSS
0 vote371 views10 answers
Stack Overflow
CSS
0 vote385 views1 answer
Vsc css autocomplet
CSS
0 vote396 views1 answer
How to center an item without flex
CSS
0 vote353 views5 answers
Style
CSS
17 votes437 views2 answers
Linking css
CSS
1 vote383 views2 answers
Css kommentar
CSS
4 votes449 views1 answer
Animation-direction property
CSS