Как сделать часть карточек товара прозрачной

Сообщений: 226 Регистрация: Янв 2014

18 Июня 2018 21:23

И там еще ссылка. Я думаю поместить div в блок с карточками и от левой части отсчитать расстояние что бы перекрыть прозрачным фоном. А как бы Вы сделали?

Прикрепленные файлы

cat.jpg (27.98 КБ) [ Скачать ]

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

lol_cp

Сообщений: 3960 Регистрация: Май 2012

18 Июня 2018 23:50

Js скрипт + CSS, тем самым после определенного расстояния пикселей затемление шло

NEW от меня: [ SEO Аудит | Задать любой SEO, SMM вопрос бесплатно ]

SergF

Сообщений: 226 Регистрация: Янв 2014

19 Июня 2018 01:02

lol_cp,
Что добавить через js ?

knagty knagty Сообщений: 474 Регистрация: Авг 2011	#4 19 Июня 2018 04:29 Я бы делал просто на css.Можно делать opacity:0.9 к примеру, а при наведении opacity 1 Также в css есть свойства, которые управляют насыщенностью, контрастом, яркостью. Можно много чего придумать без скриптов и танцев с бубном. И конечно добавил бы transition:0.3s ease, чтобы "прозрачность" или "затемненность" менялась не резко, а плавно. Изменено: knagty knagty - 19 Июня 2018 04:29

Новые темы	Объявления	Свободное общение
13:39 Латинский домен и кириллические названия страницы в ссылке 13:27 раскрутка безанкорами 13:23 Офферы для монетизации сайта компьютерной тематики 13:17 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 12:59 Adsense личный опыт 12:43 Проседает трафик в Гугле 12:41 Это нормальна выдача??	12:13 Надежный и мотивированный дизайнер, который точно не сорвет сроки и сделает круто 12:04 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 11:46 Прогрев смтп серверов под вашу email рассылку (инбокс 98%) 09:36 Вечные ссылки с ТОПОВЫХ ресурсов! Размещение вечных трастовых ссылок с тИЦ от + 1000 до +45000 09:19 Продвижение сайтов, прогон Xrumer, грамотно наращиваем посещаемость вашего ресурса! 09:11 Куплю канал Яндекс Дзен с монетизацией 07:46 Продвижение в соц. сетях: ВК, Одноклассники, Instagram, Twitter, Facebook, YouTube, Качественное продвижение. Накрутка за отзыв	12:03 Кому пришла выплата с AdSense? 10:45 Провожу бесплатные аудиты сайтов, консультации, сбор семантических ядер 07:58 Нужны комментарии на блог (платно) 00:44 (затёр)-агентство «(затёр).COM» 19:46 Ссылка с морды 18:54 меня кто-то сканит? 15:59 Индексация ссылок в профилях форумов

Новые темы

Объявления

Свободное общение

13:39 Латинский домен и кириллические названия страницы в ссылке
13:27 раскрутка безанкорами
13:23 Офферы для монетизации сайта компьютерной тематики
13:17 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!
12:59 Adsense личный опыт
12:43 Проседает трафик в Гугле
12:41 Это нормальна выдача??

12:13 Надежный и мотивированный дизайнер, который точно не сорвет сроки и сделает круто
12:04 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр.
11:46 Прогрев смтп серверов под вашу email рассылку (инбокс 98%)
09:36 Вечные ссылки с ТОПОВЫХ ресурсов! Размещение вечных трастовых ссылок с тИЦ от + 1000 до +45000
09:19 Продвижение сайтов, прогон Xrumer, грамотно наращиваем посещаемость вашего ресурса!
09:11 Куплю канал Яндекс Дзен с монетизацией
07:46 Продвижение в соц. сетях: ВК, Одноклассники, Instagram, Twitter, Facebook, YouTube, Качественное продвижение. Накрутка за отзыв

12:03 Кому пришла выплата с AdSense?
10:45 Провожу бесплатные аудиты сайтов, консультации, сбор семантических ядер
07:58 Нужны комментарии на блог (платно)
00:44 (затёр)-агентство «(затёр).COM»
19:46 Ссылка с морды
18:54 меня кто-то сканит?
15:59 Индексация ссылок в профилях форумов

04.07.2018 15:16	Как сделать одинаковый отступ при разной высоте
22.05.2018 12:54	Пробую сделать верстку, логотипы, дизайны
04.11.2017 10:00	Как сделать, чтобы страницы в футере были разделены
21.09.2017 15:59	Сделать макет визитки на основе картинки
27.03.2017 16:27	помогите сделать видео адаптивным