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

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

18 Июня 2018 21:23

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

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

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

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

lol_cp

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

18 Июня 2018 23:50

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

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

SergF

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

19 Июня 2018 01:02

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

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

Новые темы	Объявления	Свободное общение
15:18 Монетизация push-уведомлений 14:39 20.02.2019 год. Очередная выдача Яндекса 14:17 Вопрос по поисковым фразам 14:15 19.02.2019 Новый АП выдачи Яндекса 12:28 ClickDealer- свои люди на рынке буржа! 08:03 18.02.19 Яндекс выдача 00:05 Biggico - крипто партнерская сеть \| выплаты в BTC, ETH, фиате, \| Revenue Share, CPA, CPL офферы	15:50 Крауд маркетинг (Crowd marketing) — быстро, качественно и дорого. 15:34 Продвижение сайтов, прогон Xrumer, грамотно наращиваем посещаемость вашего ресурса! 14:53 Старый добрый копирайтер! Снова в теме 14:27 Хочу продать сайт. Прошу оценить его стоимость 12:53 Мастер шаблона размножения статей + Ручной синонимизатор-рерайтер 11:57 Адаптивная, кроссбраузерная верстка вашего макета. PSD to HTML 11:24 [Бесплатный тест] Топовые мобильные прокси RU, UA, UK. AIRSOCKS 3G / 4G / LTE. С подменой Passive OS fingerprint (Windows / Mac / Android / iPhone)	15:20 Поменяйте ВМ. Помощь!!! 15:16 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий 13:02 M4clicks-тизерная сеть,цена клика от 3 руб. 12:20 Внимание КИДАЛЫ (ccc.mn) 18:49 Кому пришла выплата с AdSense? 15:34 S-SMM.RU - Лучшая автоматическая SMM панель для раскрутки во всех соц.сетях. Низкие цены + API + Партнерка 14:14 Lucky.Online - собственные офферы, КЦ 24/7, стабильно высокий апрув

Новые темы

Объявления

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

15:18 Монетизация push-уведомлений
14:39 20.02.2019 год. Очередная выдача Яндекса
14:17 Вопрос по поисковым фразам
14:15 19.02.2019 Новый АП выдачи Яндекса
12:28 ClickDealer- свои люди на рынке буржа!
08:03 18.02.19 Яндекс выдача
00:05 Biggico - крипто партнерская сеть | выплаты в BTC, ETH, фиате, | Revenue Share, CPA, CPL офферы

15:50 Крауд маркетинг (Crowd marketing) — быстро, качественно и дорого.
15:34 Продвижение сайтов, прогон Xrumer, грамотно наращиваем посещаемость вашего ресурса!
14:53 Старый добрый копирайтер! Снова в теме
14:27 Хочу продать сайт. Прошу оценить его стоимость
12:53 Мастер шаблона размножения статей + Ручной синонимизатор-рерайтер
11:57 Адаптивная, кроссбраузерная верстка вашего макета. PSD to HTML
11:24 [Бесплатный тест] Топовые мобильные прокси RU, UA, UK. AIRSOCKS 3G / 4G / LTE. С подменой Passive OS fingerprint (Windows / Mac / Android / iPhone)

15:20 Поменяйте ВМ. Помощь!!!
15:16 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий
13:02 M4clicks-тизерная сеть,цена клика от 3 руб.
12:20 Внимание КИДАЛЫ (ccc.mn)
18:49 Кому пришла выплата с AdSense?
15:34 S-SMM.RU - Лучшая автоматическая SMM панель для раскрутки во всех соц.сетях. Низкие цены + API + Партнерка
14:14 Lucky.Online - собственные офферы, КЦ 24/7, стабильно высокий апрув

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	Пробую сделать верстку, логотипы, дизайны