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

1 vote284 views2 answers
Drawing a circle with css
CSS
0 vote309 views1 answer
Wpforms submit button css
CSS
0 vote312 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
0 vote319 views1 answer
Css animation sin
CSS
0 vote300 views2 answers
PHP executable not found. Install PHP 7 and add it to your PATH
CSS
0 vote314 views2 answers
Update Arch Linux
CSS
12 votes263 views4 answers
Need short long paragraph css
CSS
1 vote298 views1 answer
Faire un fond fade to transparent css
CSS
0 vote298 views1 answer
Image right css
CSS
59 votes276 views6 answers
Node Sass version 5.0.0 is incompatible with ^4.0.0.
CSS