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

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

18 Июня 2018 21:23

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

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

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

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

lol_cp

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

18 Июня 2018 23:50

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

SEO ПРОДВИЖЕНИЕ САЙТА В ЯНДЕКСБ ГУГЛЕ. SEO АУДИТ, ПОДНЯТЬ ИКС САЙТУ. * ПЕРЕД ЗАКАЗОМ УСЛУГИ, ОЗНАКОМИТЬСЯ FAQ

SergF

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

19 Июня 2018 01:02

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

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

Новые темы	Объявления	Свободное общение
19:07 Аккаунт адсенс отключен 18:26 23 апреля 2019 \| Изменение выдачи без выкладывания текстового индекса 18:17 Однотипные страницы 18:11 Резко упал заработок Adsense 17:32 Монетизируем 100% adult траффика без остатков. 16:18 Как найти хорошего подрядчика по Директ рекламе? Что от него требовать? 16:04 Adtrafico - Правильная партнёрская сеть под бурж трафик	17:21 Фан сайт сериала Игры престолов посещаемость 200-300 15:49 Размещу 1001 ссылку на Ваш сайт. + Бонус 14:43 Прогон по личной базе, больше 1000 трастовых сайтов! Продвижение СЧ и НЧ запросов + рост показателей! Гарантии! 13:35 Разработчики в Youatlas.com 11:32 Ищу тематический прогон 10:46 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 10:29 Софт на заказ	18:32 EvaDav - нативная рекламная сеть \| CPM \| CPA \| Пуш-уведомления 17:12 Какой футбольный клуб поддерживаете? 16:19 Инвайт на webmaster.ru please! 11:00 Скидка ~40% для первых 10 10:21 Как узнать на каком домене работает скрипт или CMS 22:32 Выдает ошибку: "torrent is not valid bencoding!" 22:19 Ведение группы вконтакте

Новые темы

Объявления

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

19:07 Аккаунт адсенс отключен
18:26 23 апреля 2019 | Изменение выдачи без выкладывания текстового индекса
18:17 Однотипные страницы
18:11 Резко упал заработок Adsense
17:32 Монетизируем 100% adult траффика без остатков.
16:18 Как найти хорошего подрядчика по Директ рекламе? Что от него требовать?
16:04 Adtrafico - Правильная партнёрская сеть под бурж трафик

17:21 Фан сайт сериала Игры престолов посещаемость 200-300
15:49 Размещу 1001 ссылку на Ваш сайт. + Бонус
14:43 Прогон по личной базе, больше 1000 трастовых сайтов! Продвижение СЧ и НЧ запросов + рост показателей! Гарантии!
13:35 Разработчики в Youatlas.com
11:32 Ищу тематический прогон
10:46 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр.
10:29 Софт на заказ

18:32 EvaDav - нативная рекламная сеть | CPM | CPA | Пуш-уведомления
17:12 Какой футбольный клуб поддерживаете?
16:19 Инвайт на webmaster.ru please!
11:00 Скидка ~40% для первых 10
10:21 Как узнать на каком домене работает скрипт или CMS
22:32 Выдает ошибку: "torrent is not valid bencoding!"
22:19 Ведение группы вконтакте

18.01.2019 22:26	Как сделать МЕГА-спойлер?
25.10.2018 15:05	Кто поможет сделать шаблон?
19.10.2018 09:01	Как правильно сделать хлебные крошки?
04.07.2018 15:16	Как сделать одинаковый отступ при разной высоте
22.05.2018 12:54	Пробую сделать верстку, логотипы, дизайны