Размытие изображений
Страницы: 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)
Новые темыОбъявленияСвободное общение
15:14 Блокировка основоного зеркало РКН 
15:12 Это нормальна выдача?? 
15:09 Спутник 
14:37 "Страница проиндексирована, но ее нет в файле Sitemap" - а она там есть! 
14:23 Яндекс выдача 26 сентября 2018 
14:13 WelcomePartners – ведущая гемблинг партнерка рунета! 
13:00 Что такое Яндекс Икс / Как накрутить Яндекс ИКС 
15:48 Новый проект 333ETH по распространению криптовалюты - берет рынок штурмом. 
15:33 UNIN.pro - обмен QIWI,BTC,WEX (+2+5%),EXMO,PM,ADV,Payeer,Yandex,Сбербанк,ВТБ,Альфа,Тинькофф 
15:17 Профессиональное ведение каналов в Ютубе, Белое продвижение, Услуги в соц. сетях 
13:50 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
13:30 Услуга чертежника и 3D моделирования 
11:15 Верстка, создание, доработка сайтов 
11:04 Копирайт, рерайт, переводы, размножение текстов 
14:44 Индексация ссылок в профилях форумов 
14:03 PushAds.Guru - продаём и покупаем PUSH формат 
11:21 Партнерская программа от веб-студии Megagroup.ru. Комиссия до 44% за сайт. 
10:15 Провожу бесплатные аудиты сайтов, консультации, сбор семантических ядер 
22:17 Виртуальный номер 
21:39 Ссылка с морды 
18:22 Кому пришла выплата с AdSense?