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

Question

[Сергей Зотов]

Всем здравствуйте!
На страницах сайта есть блоки разной высоты, содержащие либо изображение (img) либо фоновую картинку (background-image) с наложенным поверх текстом. Нужно для таких блоков реализовать эффект исчезновения при его прокрутке (fade out). Изначально при скроле мы видим блок, читаем его содержимое и далее он уходит по фейду в ноль (opacity?).
Блок может располагаться в разных частях страницы. Нашел такое решение, но нужен обратный эффект (блок виден, а при скроле исчезает) и здесь, как я понял, один блок, который невозможно кастомизировать под свои нужны несколько раз. Идеальное решение - див, который работает с эффектом исчезновения, в него можно положить другой с любым содержимым. Буду признателен за любую помощь. Заранее благодарю всех откликнувшихся.

Answer 1

[Антон Усачев]

Answer 2

[Danil Isaev]

Анимацию на css написать. И добавлять/убирать класс при скролле

Answer 3

[Philipp]

Дарю https://jsfiddle.net/18kymeax/ работает в Firefox, но не работает в других браузерах.
Почитайте про свойства, думаю поможет написать свое решение.