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

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

18 Июня 2018 21:23

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

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

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

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

lol_cp

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

18 Июня 2018 23:50

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

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

SergF

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

19 Июня 2018 01:02

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

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

Новые темы	Объявления	Свободное общение
10:38 ТОП Яндекса, как Вам такое? 10:26 Google отправляет письма в спам из-за иконок в подписи 08:52 Стратегия закупки ссылок 08:52 Мои сайты теперь мои 02:29 Edu-Money - новая партнёрка под бурж EDU траф. 55-70% за заказ! Средний чек от $100! 02:13 CashPlanet - гемблинг партнерская программа 14:01 Trastik - кто что скажет, ссылки там путёвые?	09:19 Лицензионные программы для YouTube. Количество ключей ограничено 02:07 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru 00:39 Помогите оценить стоимость фото блога 20:45 Бесплатный аудит сайта в режиме демонстрации с консультацией/консультация о методах продвижения 19:38 20 ссылок с ИКС от 1000+ бонус всего за 500 рублей! Ручная работа. Не упусти свой Шанс! 19:00 Proxywhite прокси ipv4/ipv6 индивидуальные оптом 17:44 Ваш сайт заблокировал РосКомНадзор? Обращайтесь, мы поможем.	01:02 Кто работал с данной биржей proflinks? 23:40 Как Зарабатывать на Ваших видео на абсолютном пасиве от 300$ в месяц. 17:59 Подскажите посещаемые доски объявлений 14:37 Оцените пожалуйста сайт о ЗОЖе 14:33 Что еще сделать с сайтом ? 11:48 2 года за пиратский онлайн-кинотеатр 21:27 Наши машинки

Новые темы

Объявления

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

10:38 ТОП Яндекса, как Вам такое?
10:26 Google отправляет письма в спам из-за иконок в подписи
08:52 Стратегия закупки ссылок
08:52 Мои сайты теперь мои
02:29 Edu-Money - новая партнёрка под бурж EDU траф. 55-70% за заказ! Средний чек от $100!
02:13 CashPlanet - гемблинг партнерская программа
14:01 Trastik - кто что скажет, ссылки там путёвые?

09:19 Лицензионные программы для YouTube. Количество ключей ограничено
02:07 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru
00:39 Помогите оценить стоимость фото блога
20:45 Бесплатный аудит сайта в режиме демонстрации с консультацией/консультация о методах продвижения
19:38 20 ссылок с ИКС от 1000+ бонус всего за 500 рублей! Ручная работа. Не упусти свой Шанс!
19:00 Proxywhite прокси ipv4/ipv6 индивидуальные оптом
17:44 Ваш сайт заблокировал РосКомНадзор? Обращайтесь, мы поможем.

01:02 Кто работал с данной биржей proflinks?
23:40 Как Зарабатывать на Ваших видео на абсолютном пасиве от 300$ в месяц.
17:59 Подскажите посещаемые доски объявлений
14:37 Оцените пожалуйста сайт о ЗОЖе
14:33 Что еще сделать с сайтом ?
11:48 2 года за пиратский онлайн-кинотеатр
21:27 Наши машинки

13.10.2019 15:10	Как сделать адаптивность ширины сайта?
05.09.2019 21:58	Как сделать сайт, где пользователи смогут оставлять свои статьи
06.07.2019 09:05	Как сделать многостраничник из одностраничника
02.06.2019 16:57	Как сделать некликабельной ссылку в хлебных крошках
18.01.2019 22:26	Как сделать МЕГА-спойлер?