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 vote202 views1 answer
Prefix in css
CSS
6 votes189 views2 answers
Css grid full width row
CSS
2 votes271 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
0 vote191 views1 answer
Learn css
CSS
0 vote252 views1 answer
How to truncate a multiline text using css
CSS
4 votes201 views3 answers
Css print
CSS
165 votes254 views6 answers
How to make text bold in css
CSS
0 vote198 views1 answer
Css 4 modal
CSS
0 vote213 views10 answers
How to create a snake game in html css js
CSS
0 vote205 views1 answer
Css apply style to direct children
CSS