html - div の下のグラデーションの不透明度

Question

この画像のような効果を作成したいと思います-コンテンツの下部にあるグラデーションの不透明度:

どうすればできますか？

Answer 1

このようなものが欲しいと願っています。

div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50,0.8)), to(rgba(80,80,80,0.2)), color-stop(.5,#333333));
}