dilikpulatov
@dilikpulatov
веб-программист

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

Здравствуйте!
Нужно сделать эффект размытие(blur) на фон div. Как это делают на картинке я знаю....но со цветом как-то не получается
Например есть хедер сайта и контент
5d089f0f32aef072854206.jpeg
при скроле контент двигается на верх под хедером...и при этом эффект размытие должен работать на вес контент(такой эффект например есть в виндовс 10, когда открывайте пуск, у неё фон размытие и там виднее задний часть под размытие)
итак нужно сделать див с эффектом размытие на опред.цвета, а не на картинке
  • Вопрос задан
  • 413 просмотров
Пригласить эксперта
Ответы на вопрос 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
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы