Подсвечивание карточки товара
На https://www.citilink.ru/catalog/noutbuki/?sorting=price_asc&f=discount.any%2Crating.any- карточки товаров разграничены линиями-разделителями.
- Каким образом можно реализовать линию-разделитель между карточками товаров?
При наведении на карточку товара происходит увеличение высоты карточки и ее подсвечивание (окружение ее серой полоской высотой 1-3px).
- Каким образом можно реализовать подсвечивание карточки товара?
Ответы (1 шт):
Автор решения: Кирилл Панишев
→ Ссылка
1 Линия разделитель в данном случае
border-top: 1px solid #dfdfe1;
2 Для подсвечивания элемента используется здесь box-shadow
:hover {
z-index: 1;
box-shadow: 0 5px 25px rgb(30 31 33 / 12%);
border-top-color: transparent;
}