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

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

18 Июня 2018 21:23

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

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

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

lol_cp

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

18 Июня 2018 23:50

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

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

SergF

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

19 Июня 2018 01:02

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

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

Новые темы	Объявления	Свободное общение
17:45 AviTool - мощный инструмент для автоматизации работы с Avito 15:31 adsense в 2026: кто реально выводит копейку через киргизию? 12:10 продажа ссылок с ai-сеток в 26-м- тема рип или просто все молчат? 15:04 Редирект на мобильных. Айболит и сканеры молчат 14:57 как оплатить claude и gpt-5 из рф в 2026 чтобы не забанили через три дня 14:36 Ворд Пресс (или его шаблон) перестал отображать <b> болд жирный 14:31 Robots txt	23:14 SOCKS5 приватные прокси на 30 дней для PayPal 23:13 Google Voice аккаунты для бесплатных SMS и звонков 23:08 PayPal аккаунты для любых целей 22:06 Onechange.me — надежный обменник криптовалют и фиатных средств 21:37 Необходим владелец аккаунта Wise - для вывода средств 19:13 GhostRocket.pro — Взлетаем в новую эру криптообмена! 16:54 Belurk — высокоскоростные анонимные прокси от 0,24 рублей	21:21 Панель Кнопки соцсетей 21:02 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 19:32 молодильные яблоки и живая вода 15:29 Компьютерная мышь 12:46 Актуально для тех кто хочет заработать в интернете 12:22 Оцифровка старых физических фотографий 07:36 Точные прогнозы на футбол

Новые темы

Объявления

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

17:45 AviTool - мощный инструмент для автоматизации работы с Avito
15:31 adsense в 2026: кто реально выводит копейку через киргизию?
12:10 продажа ссылок с ai-сеток в 26-м- тема рип или просто все молчат?
15:04 Редирект на мобильных. Айболит и сканеры молчат
14:57 как оплатить claude и gpt-5 из рф в 2026 чтобы не забанили через три дня
14:36 Ворд Пресс (или его шаблон) перестал отображать <b> болд жирный
14:31 Robots txt

23:14 SOCKS5 приватные прокси на 30 дней для PayPal
23:13 Google Voice аккаунты для бесплатных SMS и звонков
23:08 PayPal аккаунты для любых целей
22:06 Onechange.me — надежный обменник криптовалют и фиатных средств
21:37 Необходим владелец аккаунта Wise - для вывода средств
19:13 GhostRocket.pro — Взлетаем в новую эру криптообмена!
16:54 Belurk — высокоскоростные анонимные прокси от 0,24 рублей

21:21 Панель Кнопки соцсетей
21:02 8 марта: желаю аптайма 99.9% и e-e-a-t без локов
19:32 молодильные яблоки и живая вода
15:29 Компьютерная мышь
12:46 Актуально для тех кто хочет заработать в интернете
12:22 Оцифровка старых физических фотографий
07:36 Точные прогнозы на футбол

13.05.2023 00:13	Как сделать правильно robot.txt
28.02.2021 23:08	Подскажите нужно ли открытие каталога на сайте по наведению или лучше сделать по клику?
13.10.2019 15:10	Как сделать адаптивность ширины сайта?
05.09.2019 21:58	Как сделать сайт, где пользователи смогут оставлять свои статьи
06.07.2019 09:05	Как сделать многостраничник из одностраничника