give image a linear gradinet layer css code example

Example 1: gradient over image css

#linear-gradient-over-image{
    background-image: linear-gradient(to bottom, black, white), 
      url('images/background.jpg');
    background-size: cover;
}

Example 2: how to give linear transprerancyon background image

background: linear-gradient(to right, rgba(255,255,255,0) 20%,
              rgba(255,255,255,1)), url(http://foo.com/image.jpg);