Сообщений в теме: 2

[Mikhaylova]

Добрый день!
Возник вопрос, при наведении мыши на карточку товара она увеличивается и сдвигает другие карточки товара, как сделать так чтобы карточка увеличиваласьв стороны и вниз, не изменяя положения остальных карточек а только затеняя их как например это сделано в яндекс картинках?

[Vaccina]

В main.css найдите:

.item_prop {
bottom: 0;
display: none;
font-size: 12px;
opacity: 0;
padding: 5px;
right: 0;
text-align: left;
transition: all 0.15s ease 0s;
width: 215px;
}

замените на:

.item_prop {
background:#fff;
display: none;
font-size: 12px;
opacity: 0;
padding: 5px;
position: absolute;
right: 0 !important;
text-align: left;
top: 430px !important;
transition: all 0.15s ease 0s;
width: 240px;
z-index: 99;
}

далее найдите:

.prod_hold:hover .item_prop {
bottom: 0;
display: block;
opacity: 1;
top: 0;
}

замените на:

.prod_hold:hover .item_prop {
display: block;
opacity: 1;
}

[Mikhaylova]

Большое спасибо!