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

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

18 Июня 2018 21:23

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

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

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

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

lol_cp

Сообщений: 4592 Регистрация: Май 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

Новые темы	Объявления	Свободное общение
15:52 Как закрыть данные в сервисе cy-pr, от посторонних? 15:15 Adtrafico - Правильная партнёрская сеть под бурж трафик 14:40 Кнопка распечатки на картинке 13:11 CPA-сеть MyLead - глобальная монетизация трафика! 13:09 Зарабатывай до 50% за сейл с партнерской программой EssayPro! 19:22 Как удалять лишние символы из урл 18:30 ClickDealer- свои люди на рынке буржа!	15:32 BestChange – обменивать электронную валюту можно быстро и выгодно 15:01 HidMark.ru - естественные ссылки от 99 рублей. 14:37 Напишу тексты на азартную тематику для бирж ссылок 13:57 Профессиональное размножение текстов 12:52 Схема от 750$ в месяц 00:18 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru 23:35 Качественный профильный ручной прогон недорого	16:09 Почему продукты от Евгения Попова это высер? 16:08 Арест серверов MoonWalk, без контента осталось 80% киносайтов РФ 15:20 Партнерская программа №1 в РФ по ремонту компьютерной и бытовой техники! (CPA 1000р) 09:03 Борьба с оборотнями во Франции 20:34 Кому пришла выплата с AdSense? 15:20 Стоит ли приобретать Xrumer 21:29 Как я отдыхал в другой стране, видел много коров, коз и не одной улитки.

Новые темы

Объявления

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

15:52 Как закрыть данные в сервисе cy-pr, от посторонних?
15:15 Adtrafico - Правильная партнёрская сеть под бурж трафик
14:40 Кнопка распечатки на картинке
13:11 CPA-сеть MyLead - глобальная монетизация трафика!
13:09 Зарабатывай до 50% за сейл с партнерской программой EssayPro!
19:22 Как удалять лишние символы из урл
18:30 ClickDealer- свои люди на рынке буржа!

15:32 BestChange – обменивать электронную валюту можно быстро и выгодно
15:01 HidMark.ru - естественные ссылки от 99 рублей.
14:37 Напишу тексты на азартную тематику для бирж ссылок
13:57 Профессиональное размножение текстов
12:52 Схема от 750$ в месяц
00:18 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru
23:35 Качественный профильный ручной прогон недорого

16:09 Почему продукты от Евгения Попова это высер?
16:08 Арест серверов MoonWalk, без контента осталось 80% киносайтов РФ
15:20 Партнерская программа №1 в РФ по ремонту компьютерной и бытовой техники! (CPA 1000р)
09:03 Борьба с оборотнями во Франции
20:34 Кому пришла выплата с AdSense?
15:20 Стоит ли приобретать Xrumer
21:29 Как я отдыхал в другой стране, видел много коров, коз и не одной улитки.

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	Как сделать МЕГА-спойлер?