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

-2 votes204 views1 answer
Media queries iphone 11
CSS
0 vote203 views1 answer
Nginx proxy_pass pass css asset not loading
CSS
32 votes289 views6 answers
Alert bootstrap
CSS Bootstrap
0 vote184 views1 answer
@page css
CSS
0 vote211 views1 answer
Div nth child
CSS
0 vote160 views2 answers
Css add circle to icon cart
CSS
1 vote207 views2 answers
Background shorthand code
CSS
25 votes376 views8 answers
Background image with gradient css
CSS
0 vote225 views1 answer
Code-runner.executormap kotlin
CSS
-1 vote255 views1 answer
Option tag center
CSS