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 vote187 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
38 votes180 views3 answers
Css breakpoints
CSS
6 votes193 views2 answers
Html table scrollable body fixed header
CSS
0 vote200 views1 answer
Css good black color
CSS
0 vote179 views2 answers
Materialize css for react
CSS
1 vote205 views1 answer
Stop anchor tag scroll to top of page
CSS
19 votes175 views3 answers
Keyframes
CSS
1 vote188 views1 answer
Bootstrap word-wrap: break-word;
CSS
2 votes200 views2 answers
Positioning button inside div
CSS
0 vote178 views1 answer
Change disbled button background pyqt5
CSS