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

4 votes157 views2 answers
Laravel enum column
CSS
0 vote155 views1 answer
Css transition only once
CSS
0 vote197 views2 answers
Fluid typography
CSS
10 votes158 views1 answer
Install code command on mac
CSS
12 votes184 views5 answers
Responsive font-size
CSS
0 vote152 views1 answer
How can i make a menu bar appear by clicking an icon? in css?
CSS
0 vote163 views1 answer
Move div down css
CSS
19 votes161 views2 answers
Center div css flex
CSS
0 vote188 views1 answer
Css nearest neighbor
CSS
0 vote193 views1 answer
Twig language name
CSS