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

50 votes146 views6 answers
Css align center
CSS
41 votes152 views4 answers
How to center text in css
CSS
0 vote140 views1 answer
Css nesting
CSS
0 vote169 views3 answers
Detect system dark mode
CSS
0 vote141 views1 answer
Css textarea background color transparent
CSS
1 vote132 views1 answer
The user specified as a definer does not exist
CSS
0 vote99 views1 answer
Plus minus button css
CSS
0 vote152 views1 answer
New line ::after class
CSS
0 vote143 views1 answer
Html5 video hide progress bar
CSS
3 votes161 views2 answers
Css sass
CSS