Horje
background-image linear-gradient url Code Example
background with image and gradient 
body {
  background: #eb01a5;
  background-image: url("IMAGE_URL"); /* fallback */
  background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C */
}
Source: stackoverflow.com
background image with gradient css 
.background_img {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)), url(../Image/bg.jpg);
    /* background-image: url(../Image/bg.jpg); */
    width: 100%;
    height: auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}
linear gradient css background image 
background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);
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



Css

Related
center div content Code Example center div content Code Example
two color background css Code Example two color background css Code Example
how to reverse array of object Code Example how to reverse array of object Code Example
css multicolor background Code Example css multicolor background Code Example
link active css Code Example link active css Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 9



 

Horje