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

Сообщений: 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

Новые темы	Объявления	Свободное общение
21:51 Stixi.ru. и stixi.com 16:22 Работает ли ссылочное продвижение 2019 – 2020? 14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы \| Еженедельные Выплаты \| CPA до $950 10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 21:07 Взрывной рост роботности в Метрике 18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика 15:41 Adtrafico - Правильная партнёрская сеть под бурж трафик	06:04 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 20:22 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 20:21 Sectormoney.com - быстрый и удобный обменник 17:27 Уникальный сервис SEO продвижения 05:08 [WORDPRESS] [Gemini\|GPT]️ ClipAI - Копирайтинг больше не нужен! Подключит ИИ к интернету и напишет статьи с автоматической публикацией на сайт. 14:51 Мощные прокси для вашего бизнеса! 12:17 Продам дешёвые домены (1$/штука)	04:06 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту

Новые темы

Объявления

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

21:51 Stixi.ru. и stixi.com
16:22 Работает ли ссылочное продвижение 2019 – 2020?
14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950
10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
21:07 Взрывной рост роботности в Метрике
18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика
15:41 Adtrafico - Правильная партнёрская сеть под бурж трафик

06:04 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
20:22 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств
20:21 Sectormoney.com - быстрый и удобный обменник
17:27 Уникальный сервис SEO продвижения
05:08 [WORDPRESS] [Gemini|GPT]️ ClipAI - Копирайтинг больше не нужен! Подключит ИИ к интернету и напишет статьи с автоматической публикацией на сайт.
14:51 Мощные прокси для вашего бизнеса!
12:17 Продам дешёвые домены (1$/штука)

04:06 Точные прогнозы на футбол
20:09 Сколько сейчас стоит наполнение ИМ?
12:43 Куплю проигрышные букмекерские аккаунты
04:33 Половина скидок на распродажах — фейк
07:53 НейроБабушка наказывает мошенников
19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко
19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту

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	Как сделать многостраничник из одностраничника