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 vote356 views1 answer
@fontface otf
CSS
1 vote375 views1 answer
Grid rows css
CSS
47 votes401 views6 answers
Css blur
CSS
0 vote380 views1 answer
Css 4 3 ratio
CSS
113 votes341 views5 answers
Padding css
CSS
0 vote450 views1 answer
Foreach and if condition in qweb
CSS
0 vote350 views1 answer
Gmail auto rewize dont
CSS
1 vote399 views3 answers
Tag php
CSS
0 vote429 views2 answers
Create react app tailwind css with yarn
CSS
0 vote355 views1 answer
Float: down css
CSS