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 vote135 views1 answer
Css option value
CSS
8 votes89 views5 answers
Css triangle
CSS
2 votes137 views2 answers
Html font white text with black border
CSS
1 vote160 views1 answer
Css only select parent
CSS
2 votes129 views3 answers
Css select first word
CSS
-2 votes127 views2 answers
Tailwind border bottom
CSS
3 votes119 views8 answers
What is display grid css
CSS
19 votes117 views3 answers
Keyframes
CSS
0 vote132 views1 answer
How to make div width auto adjust
CSS
1 vote139 views2 answers
Css select all immediate children
CSS