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

35 votes189 views2 answers
How to blur background color in css
CSS
0 vote186 views2 answers
Remove button shadow css
CSS
0 vote190 views1 answer
Css ditribute width equealy to child components
CSS
0 vote237 views1 answer
Flex basis
CSS
0 vote214 views1 answer
How to make code continue after a transition css
CSS
0 vote184 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
74 votes197 views6 answers
Css rounded corners
CSS
1 vote186 views1 answer
Background color for whole page css
CSS
1 vote225 views1 answer
Css how to make something italized
CSS
0 vote152 views1 answer
Change image link css
CSS