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

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

18 Июня 2018 21:23

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

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

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

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

lol_cp

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

18 Июня 2018 23:50

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

NEW от меня: [ SEO Аудит | SMO по низким ценам | Поддержка и ведение сайтов ]

SergF

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

19 Июня 2018 01:02

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

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

Новые темы	Объявления	Свободное общение
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 Что случилось с фильмами на компьютере?

Новые темы

Объявления

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

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 Что случилось с фильмами на компьютере?

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	помогите сделать видео адаптивным