Задать вопрос
@probeloff
верстка

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

Друзья, как можно сделать размытие контента при hover? Точнее даже hover это не главное - главное как вообще реализовать размытие контента, а не только изображения?
Уже кучу всего перепробовал, но нужного эффекта нет. Например скрипт StackBlur неплохо справляется со своей задачей, но он может размывать только изображение, а не весь контент.
Может у кого есть примеры, буду очень благодарен!

Вот пример того, что должно получиться:
5bb85024bb6c4915002423.png
  • Вопрос задан
  • 725 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 5
Nikita-Fast
@Nikita-Fast
SVGшник и леплю что попало
По идее мы и должны размывать изображение и его располагать выше контента и при наведении сдвигать вверх или куда угодно
Или применять заранее размытое изображение или svg
В css это делает filter:blur(); но он наследуется и потому как правило применяют абсолютное позиционирование двух блоков

Это пример : codepen
Ответ написан
Комментировать
Комментировать
@soledar10
html css3 js jquery
Пример
Ответ написан
Комментировать
Комментировать
@402d
начинал с бейсика на УКНЦ в 1988
blur filter
https://webref.ru/css/value/blur
Ответ написан
Комментировать
Комментировать
@siarheisiarhei
комбинируй добавь, что то вроде такого
background-color: rgba(255,255,255,0.80);
что у тебя = name::before или ....
Ответ написан
2 комментария
2 комментария
@ksnk
Чтобы "размыть" обычный текстовый контент - есть свойство text-shaddow 
.blurry-text {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

https://ruseller.com/lessons.php?rub=2&id=1067
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
PHP-программист (SEO-правки)
Demis Group
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать индикатор на TradingView по хаям/лоям дня недели
25 апр. 2024, в 08:45
4000 руб./за проект
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Ещё заказы