Как добавлять blur картинки при скролле?

Question

[istasiik]

Здравствуйте! Нужно реализовать как тут https://medium.com/editors-picks , что бы при скролле к картинке плавно добавлялся blur. Как я понял, это можно реализовать с помощью наложение поверх четкой картинки прозрачную и уже заблюренную, а при прокрутке менять opacity. Как можно реализовать это? В js имею самые скудные познания, буду счастлив, если разжуют.

Answer 1

[Евгений Петров]

В данном случае всё просто, как 2 пальца — тупо 2 картинки.
Вот примерно так это можно делать jsfiddle.net/petroveg/48pevmx8
А вообще для таких вещей применяют CSS filters.
Как реализовать подобное размытие?

Comments

[istasiik]

Прям в точку, спасибо огромное!

[Евгений Петров]

@istasiik в голубую или в коричневую?)

[istasiik]

@Petroveg сложный вопрос xD