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

1 vote276 views1 answer
Box shador of one border css
CSS
4 votes278 views2 answers
Css zebra
CSS
1 vote232 views1 answer
Css image background center horizontally in div
CSS
0 vote304 views3 answers
Svg background css
CSS
1 vote295 views1 answer
Ghana
CSS
0 vote313 views2 answers
Facebook box-shadow css
CSS
0 vote298 views1 answer
How to set image size without changing aspect ratio in css
CSS
0 vote289 views1 answer
Remove focus blue lines from anchor tag
CSS
1 vote278 views1 answer
Calculate min number in css
CSS
0 vote290 views1 answer
Thumb personalizzata wp
CSS