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 vote196 views1 answer
How to set border length in css without div
CSS
0 vote188 views1 answer
Changing bakcgound color like animation using tailwind
CSS
0 vote272 views1 answer
Div overlfow scroll
CSS
1 vote203 views2 answers
Apple font css
CSS
2 votes214 views1 answer
Bootstrap class="mb-3"
CSS
1 vote212 views1 answer
Timesheet template html css
CSS
0 vote197 views1 answer
Git apagar branch remoto
CSS
0 vote221 views1 answer
React right burger scrol bar
CSS
8 votes198 views2 answers
Horizontal align icon css
CSS
0 vote263 views1 answer
Set default rem css
CSS