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

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Если через 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)
Новые темыОбъявленияСвободное общение
14:13 TeaserNet - тизерная сеть нового поколения! Высокие доходы, стабильные выплаты 
12:40 Реально ли выйти на доход $100+ ? 
11:45 Обновление поисковой базы 11.12.2018. 
10:39 Бесплатные лайки в Instagram 
10:08 Короткая ссылка гугл теперь тут 
09:00 Помогите настроить rss grabber для dle 
08:58 Нужно настроить шаблон для RSS HTML Grabber 3.6.9 (лицензионный) 
14:19 Продам домены РУС 
14:16 Продам ссылки со своих адалт фото сайтов 
14:14 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
13:56 Продается профессиональный интернет магазин с дропшиппинг поставщиком. 
12:51 Оптимизация сайтов, продвижение, наращивание ссылок. Большой опыт работы, отзывы 
10:50 Прогон по профилям от 200 рублей, ИКС от 10, СПАМ < 12 по CheckTrust 
09:35 Majento SiteAnalyzer - бесплатная программа для аудита и анализа сайта 
13:56 Скрины спама 
13:43 Видео для ютуба 
13:38 Я стал мужиком! Наконец-то! Теперь я ваш! 
13:09 Где и как встретите Новый год? 
01:52 Топ самых лучших книг 
23:33 dr.cash - Nutra партнёрка №1 
16:21 Партнерская программа №1 в РФ по ремонту компьютерной и бытовой техники! (CPA 1000р)