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

Сообщений: 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:39 Подскажите где продвигать сайт. 10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:12 Мошенники-копирайтеры 08:57 Индексация страниц 23:16 Есть ли альтернатива Адсенсу и РСЯ? 20:48 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 18:53 Настройка плагина для wordpress Price Shop	15:15 Affiliate Top - партнерская программа нового уровня 14:02 garantcoin.io - быстрый и надёжный сервис обмена криптовалюты GarantCoin 04:12 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 01:28 4money.me—сервис для быстрого и удобного обмена криптовалют 22:38 BTCPro24 - автоматический обменник криптовалют 21:38 WebKazna. Обмены криптовалют. Доставка наличных. 19:49 CashFlow.best Ваш удобный обменник!	10:26 Новости искусственного интеллекта 04:26 Хром ругается на форум 03:49 Точные прогнозы на футбол 18:41 С юмором по жизни! 14:22 SENDERSEX.COM - Тизерная партнёрка онлайн игры Эротические Фанты Онлайн 20:32 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 09:37 Договорные матчи от ИИ

Новые темы

Объявления

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

21:39 Подскажите где продвигать сайт.
10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
19:12 Мошенники-копирайтеры
08:57 Индексация страниц
23:16 Есть ли альтернатива Адсенсу и РСЯ?
20:48 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
18:53 Настройка плагина для wordpress Price Shop

15:15 Affiliate Top - партнерская программа нового уровня
14:02 garantcoin.io - быстрый и надёжный сервис обмена криптовалюты GarantCoin
04:12 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
01:28 4money.me—сервис для быстрого и удобного обмена криптовалют
22:38 BTCPro24 - автоматический обменник криптовалют
21:38 WebKazna. Обмены криптовалют. Доставка наличных.
19:49 CashFlow.best Ваш удобный обменник!

10:26 Новости искусственного интеллекта
04:26 Хром ругается на форум
03:49 Точные прогнозы на футбол
18:41 С юмором по жизни!
14:22 SENDERSEX.COM - Тизерная партнёрка онлайн игры Эротические Фанты Онлайн
20:32 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди
09:37 Договорные матчи от ИИ

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