При наведении курсора на изображение товара в каталоге изображение поворачивается. Как отключить эту анимацию?
Не смог найти ответ на форуме.
0
Отключение Анимации При Наведении На Изображение Товара В Каталоге
Автор LeatherBag, 03 июня 2018 18:23
анимация поворот каталог azure
Сообщений в теме: 2
#1
Отправлено 03 Июнь 2018 - 18:23
#2
Отправлено 05 Июнь 2018 - 10:08
LeatherBag (03 Июнь 2018 - 18:23) писал:
При наведении курсора на изображение товара в каталоге изображение поворачивается. Как отключить эту анимацию?
Не смог найти ответ на форуме.
Не смог найти ответ на форуме.
.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
Отправлено 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 анонимных