dragan2011
@dragan2011
Интернет-маркетолог любящий покодить ;)

Как сделать переход в прозрачность блока при скроле?

Здравствуйте!

Пожалуйста подскажите как сделать чтобы при скролле блоки уходили в прозрачность возле нижней и верхней грани, как показано на скрине, если сам фон в котором находятся блоки полу прозрачный и применен backdrop-filter: blur.

eAObx1VivZaNw2.jpg
Сам пример: https://jsfiddle.net/yudshgt4/

Буду очень благодарен за помощь.
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
dragan2011
@dragan2011 Автор вопроса
Интернет-маркетолог любящий покодить ;)
Спасибо Сергей Сергей

Решение:
mask-image: gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
-webkit-mask-image: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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