Chefranov
@Chefranov
Front-End, Back-End

Как сделать размытие фона как на яндекс дзене?

Подскажите, как сделать размытие фона как у карточек новостей у Яндекс Дзене?

5b97b09a4bd76632922980.png

На самом яндексе цвет градиента в зависимости от картинки наверно рассчитывается на бэке. Но тут на тостере (этим летом) я где-то видел что такое проделывали через blur на чистом CSS (возможно + JS), но никак не могу найти этот топик.
  • Вопрос задан
  • 1676 просмотров
Решения вопроса 2
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Через JS такое можно сделать. Нужно высчитать средний цвет картинки (например вот jsfiddle.net/xLF38/818 ) и используя этот цвет, создать градиент по альфа каналу.
UPD: Вот пример
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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