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 vote250 views1 answer
Media query Tablet and smaller
CSS
0 vote272 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
2 votes272 views1 answer
Table overflow not working
CSS
0 vote242 views1 answer
Button not aligning right css
CSS
0 vote293 views1 answer
Crypto module
CSS
0 vote241 views2 answers
Css flip text
CSS
5 votes268 views2 answers
Css transform transition
CSS
266 votes382 views2 answers
Font awesome 5 pro cdn link
CSS
0 vote273 views1 answer
Text in circle css
CSS
0 vote257 views1 answer
Css youtube video get rid of black border
CSS