Начать новую тему

Вопрос по стилям css

Здравствуйте!

Подскажите, пожалуйста, какой класс css у всплывающего квадрата предпросмотра картинки товара, который появляется при наведении курсора?

Здравствуйте.

Спасибо за ваш вопрос.

Если вы имеете в виду увеличенное изображение на детальной странице товара, то оно имеет класс .cloudzoom-zoom. Если вы имеете в виду что-то другое, пожалуйста, уточните.

Спасибо.

 

Да, именно про этот элемент и спрашивал. Спасибо.

Здравствуйте! Хочу добавить анимацию к изображениям в блоке новинок и в блоке брендов на главной с помощью css (transition, transform), но для этого нужно чтобы размер блоков совпадал с размером изображений. Изменение данного параметра похоже недоступно? Или я что-то неправильно делаю. Подскажите. Или может быть есть какое то другое решение для настройки увеличения изображения при наведении курсора? 

Здравствуйте, Екатерина!


Если ширина макета у вас не является фиксированной, то делать отдельные блоки фиксированного размера - не самый лучший вариант решения, так как при этом будет потеряна адаптивность дизайна.


Для добавления анимации, необязательно изменять размер блоков. Например, если вы хотите увеличивать изображения блока Новинки при наведении на них мышкой, вы можете добавить следующие пользовательские CSS правила в вашем редакторе тем:

 

.ty-grid-list__image img:hover {
     transform: matrix(1.1,0,0,1.1,0,0); }

 

Спасибо.

Спасибо! Очень хорошо получилось, в интернете почему то не нашла такого решения.

Здравствуйте.


Всегда пожалуйста. Мы были рады помочь вам.


Спасибо.


Войдите, чтобы опубликовать свой комментарий