Задать вопрос

Как реализовать размытие фиксированного слоя при прокрутке ?

Когда-то давно я скачал приложение для ios, само по себе оно было не очень, но понравилась в нем одна фишка. Пример:

56e95bd9ab1d49dca3969f6a932b3052.PNG
Хочется реализовать похожее, пытаюсь уже месяца 2 и не чего не выходит, то тут косяк то там...
Вот и решил обратиться впервые за помощью к знатокам.

Шаблон тык

По идее надо как-то размывать то что проходит под слоем header.

Что-то похожее достигал с помощь полупрозрачной картинки и градиента, картинка что-то типо матового стекла. Но эффект не тот, а лишь похожий + картинка такого качества весила около 1мб.

Может у кого-то есть js скрипт который размывает все что попадает в рамки?
Лазил много где, знаю что css не способен на такое, если не извращаться и делать по 4 слоя.. Лучше к js обратиться. Так же знаю что с++ способен сделать похожее, но в браузерах с++ не будет работать.

Сюда не посылать
  • Вопрос задан
  • 3018 просмотров
Подписаться 3 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Похожие вопросы