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

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

Новые темы	Объявления	Свободное общение
14:14 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 01:48 Стоит ли добавлять сайт в Rambler топ 100? 19:33 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 09:02 Как продвигать сайт с неуникальным контентом 08:57 Absence в Армении 14:50 Индексация страниц 12:36 У кого новостник, дайте пару советов плиз	12:20 ABCproxy—Премиум жилой прокси, 190+ локаторов, Неограниченная пропускная способность, $0.77/GB, Trial Scraper api 11:24 Продам копию сайта. 09:48 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 04:08 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 21:42 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 15:52 AllCharge.online. Современный, быстрый и надёжный обменник 15:32 CactusPay.PRO \| Умная платёжная система с выводом в USDT TRC-20	11:31 Ну что, кто куда деваете свои сайты? 21:05 Точные прогнозы на футбол 22:09 Добро пожаловать в цифровой мир... 19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 22:08 Накрутка поисковых подсказок 14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди

Новые темы

Объявления

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

14:14 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options
01:48 Стоит ли добавлять сайт в Rambler топ 100?
19:33 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
09:02 Как продвигать сайт с неуникальным контентом
08:57 Absence в Армении
14:50 Индексация страниц
12:36 У кого новостник, дайте пару советов плиз

12:20 ABCproxy—Премиум жилой прокси, 190+ локаторов, Неограниченная пропускная способность, $0.77/GB, Trial Scraper api
11:24 Продам копию сайта.
09:48 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик]
04:08 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
21:42 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника
15:52 AllCharge.online. Современный, быстрый и надёжный обменник
15:32 CactusPay.PRO | Умная платёжная система с выводом в USDT TRC-20

11:31 Ну что, кто куда деваете свои сайты?
21:05 Точные прогнозы на футбол
22:09 Добро пожаловать в цифровой мир...
19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор
22:08 Накрутка поисковых подсказок
14:01 Union Pharm - топовая фарма-партнерка для профессионалов!
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди

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