Задать вопрос

Как сделать нижний край background-image прозрачным?

Есть 2 блока : верхний и осовной (родитель верхнего).
У вернего одно background-image, у основного другое (на скрине 1 и 2 соответственно).
Как сделать так, чтобы нижняя часть верхнего изображения становилась постепенно прозрачной и проявлялось изображения основного блока?
На скрине то, как должно быть (это из фигмы).

p.s. делать постепенно прозрачным верхний блок нельзя, потому что там будут блоки текста, которые не должны иметь прозрачности.

63e9e63ba7204648874125.jpeg
  • Вопрос задан
  • 721 просмотр
Подписаться 1 Простой 1 комментарий
Ответ пользователя luxurypluxury К ответам на вопрос (3)
@luxurypluxury
Делаешь тень через ::after на блок с позишн абсолют, чтобы блоки не были затемнены, на них z-index
Ответ написан
Комментировать