Задать вопрос
dilikpulatov
@dilikpulatov
веб-программист
javascript

Как сделать эффект размытие на цвет(например белый), а не на картинке?

Здравствуйте!
Нужно сделать эффект размытие(blur) на фон div. Как это делают на картинке я знаю....но со цветом как-то не получается
Например есть хедер сайта и контент
5d089f0f32aef072854206.jpeg
при скроле контент двигается на верх под хедером...и при этом эффект размытие должен работать на вес контент(такой эффект например есть в виндовс 10, когда открывайте пуск, у неё фон размытие и там виднее задний часть под размытие)
итак нужно сделать див с эффектом размытие на опред.цвета, а не на картинке
  • Вопрос задан
  • 442 просмотра
5 комментариев
Подписаться 1 Средний 5 комментариев
Пригласить эксперта
Ответы на вопрос 1
vadimkot
@vadimkot Куратор тега CSS
Если нужно как в Windows 10 или в Mac то вот пример https://codepen.io/AmJustSam/full/ModORY/
Ну либо гуглите css эффект матового стекла или css frosted glass effect
Эффект матового стекла описан и в книге Lea Verou / Леа Веру - CSS Secrets. Better Solutions to Everyday Web Design Problems. / Секреты CSS. Идеальные решения ежедневных задач.
Вот код примера из ее книги dabblet.com/gist/d9f243ddd7dbffa341a4
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разобраться со скриптом на питоне
25 нояб. 2024, в 20:38
500 руб./за проект
Запустить сервер на питон
25 нояб. 2024, в 20:37
1000 руб./за проект
Юзабилити-аудит, комплексная проверка веб приложения
25 нояб. 2024, в 20:10
5000 руб./за проект
Ещё заказы