@vlad123032

Как затемнить левую сторону при overflow-x: scroll?

Сейчас у меня так 60fbdfc7c590f206056103.jpeg

Но мне нужно вот так60fbdf9f79911340672057.jpeg

Вот якобы код градиента который нифига не работает, background: linear-gradient(90deg, #C4C4C4 94.65%, rgba(196, 196, 196, 0) 100%); - нашел в фигме в инспекторе в данном обьекте
  • Вопрос задан
  • 53 просмотра
Решения вопроса 2
@IvanGrishov
Начинающий Frontend разработчик
Готово.

Ответ написан
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
Учитывая что у вас неоднородный фон, градиент вам не подходит. В вашем случае подойдет маска:

.ticket__flex .ticket__item .inner__ticket {
    overflow-x: scroll;
    max-width: 1400px;
    width: 100%;
    -webkit-mask: linear-gradient( to left, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100% );
}


Пример:
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы