Answers for "gradient opacity"

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);

background linear gradient opacity css

div {
     height: 200px;
     width: 350px;
     background: linear-gradient(to down, rgba(169,208,113,0),rgba(136,173,215,1)); 
}