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 vote334 views1 answer
Translate argument animation css'
CSS
0 vote299 views2 answers
Writing mode css
CSS
5 votes314 views1 answer
Force to load https
CSS
113 votes302 views5 answers
Padding css
CSS
8 votes335 views1 answer
How to get my div to centre
CSS
43 votes332 views4 answers
Text limit in css
CSS
0 vote384 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote310 views1 answer
Flexbox 3 columns
CSS
0 vote329 views1 answer
Css loading spinner with text
CSS
9 votes303 views3 answers
Fix textarea size
CSS