sergeyz140
@sergeyz140
UX/UI Designer, Illustrator

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

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

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

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 03:52
1000 руб./за проект
19 апр. 2024, в 03:01
1000 руб./за проект
18 апр. 2024, в 21:56
2000 руб./за проект