Градиент из фона родительского элемента в transparent?

Question

[Vadimmmmm]

Привет! Столкнулся со следующей задачей: имеется родитель с background-image и потомок, который находится в нижней части родителя. Нужно по бокам потомка сделать градиент из фона родителя в прозрачный, чтобы был "эффект пропадания".

Наглядный пример:

Вопрос в том, реализуемо ли это средствами css? Ведь мы не можем сделать градиент из transparent в статичный цвет, т.к. фон родителя это картинка, а не статичный цвет. Может еще какие-то варианты есть?

Answer 1

[Сергей]

в css свойствах градиента используй rgba цвета, например rgba(255,255,255,0.5) - белый с прозпачностью 50%