backgroundに指定したimageのopacityをグラデーションさせたい

Question

###実現したいこと

.css {
 background-image: url("/hoge.jpg");
}

のように設定されているdiv要素の背景imageを上から下にかけてだんだんと薄く（opacityを0に近く）なるようにcssを設定することは可能でしょうか？
よろしくお願いします。

Answer 1

.css {
 background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%),url("/hoge.jpg");
}

でできました。opacityをグラデーションさせているというより、だんだんと白色のグラデーションのopacityをあげているという感じですが、したいことと同じ見た目が実現できたので解決とします。