Размытие изображений
Страницы: 1 2 След.
Размытие изображений, как лучше реализовать
Хочу сверстать блок анонса, на подобие ленты дзена. В верстке не особо силен, зато хорошо получается адаптировать под себя чужие коды) Собственно нужно понять, каким образом организовать размытие фонового изображения по краям. Начал гуглить и понял, что вариантов множество. А информация зачастую устаревшая. В общем как лучше это сделать? Какие свойства CSS лучше подходят для этого?
Готовые, подключаемые решения просьба не предлагать.

Бесплатная контекстная реклама

Если через css, то два варианта:
filter:blur(0px) - полное размытие
box-shadow:inset 0px 0px 30px 20px #000 - затемнение по краям.
Изменено: Dexter - 17 Июня 2018 20:26
Во-во, что-то подобное и простое я и ищу.
filter:blu не позволяет размытие по краям?
box-shadow наверное более подходит, как бы еще задать подобие градиента: сверху затемнение только по краям, а от низа до середины плавный переход?
Размытие по краю, через псевдоэлемент _____codepen.io/aaronbalthaser/pen/qNOYdE
Сергей Бойков
Благодарю, а не подскажите, где можно почитать о данном решении?
Цитата
Федор Рашпиль пишет:
Сергей Бойков
Благодарю, а не подскажите, где можно почитать о данном решении?
Не понял)) Что значит почитать))?
Цитата
Сергей Бойков пишет:
Не понял)) Что значит почитать))?
Ну вы скинули непосредственно кусок кода,  спасибо! Хочется немного одуплить принцип работы, но не понимаю что конкретно гуглить, описание кода почитатьsmile:o
Цитата
Федор Рашпиль пишет:
Цитата
Сергей Бойков пишет:
Не понял)) Что значит почитать))?
Ну вы скинули непосредственно кусок кода, спасибо! Хочется немного одуплить принцип работы, но не понимаю что конкретно гуглить, описание кода почитатьsmile:o
Не, не видел описания где-либо. Выполнено через псевдо-элемент before и position absolute. Текст таким же образом можно наложить.____codepen.io/dubrovka11/pen/KeZwvR - думаю так)
Изменено: Сергей Бойков - 18 Июня 2018 18:12
Благодарю! Коды долго хранятся на этом сервисе? Голова сегодня не работает.
Цитата
Федор Рашпиль пишет:
Благодарю! Коды долго хранятся на этом сервисе? Голова сегодня не работает.
Да, первый будет храниться. Второй уберу, поскольку решение не мое.
Федор Рашпиль,  htmlbook.ru - рекомендую.
Цитата
sharkson пишет:
Федор Рашпиль, htmlbook.ru - рекомендую.
stackoverflow тогда уж)
Цитата
Сергей Бойков пишет:
stackoverflow тогда уж)
Я не понял что это.)) "Stack overflow" - это программная ошибка - переполнение буфера, если не ошибаюсь.


Вот навскидку результаты поиска по слову "Размытие":


Код
_http://htmlbook.ru/search/?as_q=%D1%80%D0%B0%D0%B7%D0%BC%D1%8B%D1%82%D0%B8%D0%B5&cx=partner-pub-0708135098984815%3Apmy83axen1s&cof=FORID%3A9&ie=UTF-8
Изменено: sharkson - 18 Июня 2018 18:21
Цитата
sharkson пишет:
htmlbook.ru - рекомендую.
Иногда захаживаю туда, что не нравится - сухое описание с минимальными примерами. Не всегда таким как я чайникам подходит.
Сергей Бойков Возникла проблема: урлы картинки прописывать в CSS не вариант - анонсов много и соответственно картинок, а как прописать в хтмл-е фон - ума не приложу. Неужели только через style="......" ?
Страницы: 1 2 След.
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
01:29 Апдейт поисковой системы Яндекс — 15 июля 2018 
23:16 Яндекс вебмастер 
23:11 как продвинуть запрос в топ яндекса 
23:06 Как удалить слэш после домена в каноникал 
20:43 Случилось резкое увеличение трафика с закладок 
11:38 18.11.2017 субботний АП тИЦа 
21:27 AdBean.ru - Бобовая тизерная сеть. Новостные и товарные тизеры. До 90% отчислений! 
23:47 Готовый сайт и ютуб канал. 
14:12 Прогон по твиттеру, постинг в 1500 аккунтов, ускорение индексации и переиндексация сайтов, сателлитов, дорвеев и ссылок с прогонов 
14:02 [Продажа] скрипт CPA/CPS-партнерской программы 
13:52 Выгодная аренда игровых серверов, игровой хостинг 
16:00 Чистые, НЕИСПОЛЬЗОВАННЫЕ индивидуальные IPv4 прокси от 55 р 
14:24 Аккаунты Яндекс Директ без НДС 
14:20 200 открытых анкорных ссылок всего за 100 рублей 
22:18 Как перенести сайт на другой домен? 
22:08 15.07.18 СУПР "15 мин." 
21:22 Контент план от lol (основная тема) 
18:36 признание и символические 5 000 руб. | кто на форуме в последнее время больше всех с полезной активностью 
12:42 Нужен хостинг очень очень 
12:17 А вы бегаете? 
19:03 Что случилось с фильмами на компьютере?