Перейти к содержимому


Отключение Анимации При Наведении На Изображение Товара В Каталоге

анимация поворот каталог azure

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 LeatherBag

LeatherBag

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 03 Июнь 2018 - 18:23

При наведении курсора на изображение товара в каталоге изображение поворачивается. Как отключить эту анимацию?
Не смог найти ответ на форуме.

#2 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 05 Июнь 2018 - 10:08

Просмотр сообщенияLeatherBag (03 Июнь 2018 - 18:23) писал:

При наведении курсора на изображение товара в каталоге изображение поворачивается. Как отключить эту анимацию?
Не смог найти ответ на форуме.
В main.css удалил строку
.products-list .item .product-image:hover img {-webkit-transform: rotate(-10deg) scale(1.1);-moz-transform: rotate(-10deg) scale(1.1);-o-transform: rotate(-10deg) scale(1.1);transform: rotate(-10deg) scale(1.1);}


#3 LeatherBag

LeatherBag

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 06 Июнь 2018 - 10:24

Просмотр сообщенияMr.Nito (05 Июнь 2018 - 10:08) писал:

В main.css удалил строку
.products-list .item .product-image:hover img {-webkit-transform: rotate(-10deg) scale(1.1);-moz-transform: rotate(-10deg) scale(1.1);-o-transform: rotate(-10deg) scale(1.1);transform: rotate(-10deg) scale(1.1);}

Спасибо, помогло. Правда у меня эта строчка выглядела так:
.viewed .block-content .item:hover .product-image a img {transform: scale(1.1) rotate(1.3deg);-ms-transform: scale(1.1) rotate(1.3deg);-moz-transform: scale(1.1) rotate(1.3deg);-webkit-transform: scale(1.1) rotate(1.3deg);-o-transform: scale(1.1) rotate(1.3deg);}

Просто без помощи не догадался слово rotate поискать в main.css





Темы с аналогичным тегами анимация, поворот, каталог, azure

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных