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

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

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

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

Вопрос в том, реализуемо ли это средствами css? Ведь мы не можем сделать градиент из transparent в статичный цвет, т.к. фон родителя это картинка, а не статичный цвет. Может еще какие-то варианты есть?
  • Вопрос задан
  • 71 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
sslion
@sslion
в css свойствах градиента используй rgba цвета, например rgba(255,255,255,0.5) - белый с прозпачностью 50%
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы