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


Вместо Уменьшения Сделать Увеличение В Карточке Товара В Теме Новогодняя


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

#1 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 02 Июнь 2017 - 16:32

2017-06-02_16-30-02.png
Сейчас при наведении на картинку изображение уменьшается, а как сделать чтобы оно немного увеличивалось?

#2 Mr.Nito

Mr.Nito

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

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

Отправлено 02 Июнь 2017 - 16:46

Просмотр сообщенияogonek7777 (02 Июнь 2017 - 16:32) писал:

Прикрепленный файл 2017-06-02_16-30-02.png
Сейчас при наведении на картинку изображение уменьшается, а как сделать чтобы оно немного увеличивалось?
В main.css
в блоке
/*** Товары таблицей ***/
нужно заменить
.products-grid .item .product-image:hover .product-img img {-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9);opacity: 1;}
на
.products-grid .item .product-image:hover .product-img img {-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 1;}

-1.2 значение увеличения ( по умолчанию 1)

#3 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 16 Июнь 2017 - 16:13

Просмотр сообщенияMr.Nito (02 Июнь 2017 - 16:46) писал:

В main.css
в блоке
/*** Товары таблицей ***/
нужно заменить
.products-grid .item .product-image:hover .product-img img {-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9);opacity: 1;}
на
.products-grid .item .product-image:hover .product-img img {-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 1;}

-1.2 значение увеличения ( по умолчанию 1)
Спасибо! Получилось!




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

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