sergeyz140
@sergeyz140
UX/UI Designer, Illustrator

Существует ли несложное решение эффекта fade out для div?

Всем здравствуйте!
На страницах сайта есть блоки разной высоты, содержащие либо изображение (img) либо фоновую картинку (background-image) с наложенным поверх текстом. Нужно для таких блоков реализовать эффект исчезновения при его прокрутке (fade out). Изначально при скроле мы видим блок, читаем его содержимое и далее он уходит по фейду в ноль (opacity?).
Блок может располагаться в разных частях страницы. Нашел такое решение, но нужен обратный эффект (блок виден, а при скроле исчезает) и здесь, как я понял, один блок, который невозможно кастомизировать под свои нужны несколько раз. Идеальное решение - див, который работает с эффектом исчезновения, в него можно положить другой с любым содержимым. Буду признателен за любую помощь. Заранее благодарю всех откликнувшихся.
  • Вопрос задан
  • 379 просмотров
Решения вопроса 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@d4h1i15438
Анимацию на css написать. И добавлять/убирать класс при скролле
Ответ написан
zoonman
@zoonman
CEO @ LinuxQuestions.ru
Дарю https://jsfiddle.net/18kymeax/ работает в Firefox, но не работает в других браузерах.
Почитайте про свойства, думаю поможет написать свое решение.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
19 окт. 2019, в 02:31
3500 руб./за проект
19 окт. 2019, в 01:07
60000 руб./за проект
18 окт. 2019, в 23:45
150000 руб./за проект