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

60 votes365 views4 answers
Hide scroll bar for a dive
CSS
0 vote315 views1 answer
Repeating-linear-gradient
CSS
8 votes357 views2 answers
Css random color
CSS
0 vote346 views1 answer
Capitalize the first letter of string using CSS
CSS
53 votes343 views6 answers
Css transparent background image
CSS
258 votes547 views6 answers
ForEach
CSS
58 votes328 views6 answers
How to remove underline from link
CSS
40 votes386 views6 answers
How to write css
CSS
22 votes358 views3 answers
Smooth scroll css
CSS
27 votes351 views1 answer
How to set text color in ingredient
CSS