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

16 votes235 views4 answers
How to make image a circle css
CSS
2 votes190 views1 answer
How to make html element not selectable
CSS
3 votes192 views2 answers
Centralizar div no meio da tela
CSS
0 vote143 views1 answer
Icone css
CSS
0 vote197 views1 answer
Responsive gradient background css
CSS
2 votes192 views2 answers
Css change image color
CSS
2 votes206 views1 answer
Posicionar div centro da tela
CSS
0 vote216 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
10 votes178 views2 answers
Css list elements horizontally
CSS
1 vote220 views1 answer
Scss linear gradient not working
CSS