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

165 votes191 views6 answers
How to make text bold in css
CSS
0 vote130 views1 answer
Div with no content have a width/height
CSS
3 votes130 views3 answers
Website gradient
CSS
0 vote137 views1 answer
Set another font in css
CSS
1 vote127 views1 answer
How to stop a page from scrolling horizontally
CSS
0 vote129 views2 answers
COMENTARIOS EN CSS
CSS
0 vote226 views1 answer
ProgressBars bulma -- thickness
CSS Bulma
27 votes144 views6 answers
Import font css
CSS
5 votes134 views1 answer
Cursor couleur in css
CSS
0 vote142 views1 answer
Deep selector
CSS