Картинка

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

imperpools
imperpools
Репутация: 0
Сообщения: 21
Зарегистрирован: 29.10.2018
С нами: 5 лет 4 месяца

Сообщение #1 imperpools » 04.12.2018, 10:37

Как сделать чтоб при наведении на картинку с товаром она чуть чуть увеличивалась??? В прошлых версиях это было.

Shalm M
Аватара
Shalm M
Возраст: 32
Репутация: 4
Сообщения: 31
Зарегистрирован: 12.06.2017
С нами: 6 лет 9 месяцев
Откуда: Москва
Сайт ВКонтакте Skype

Сообщение #2 Shalm » 04.12.2018, 13:29

Нужно будет ручками поработать, залезть в шаблоны и добавить несколько строк в CSS. Посмотри пример, например тут http://beloweb.ru/novichkam/plavnoe-uvelichenie-i ... navedenii-na-chistom-css3.html. Не сложно, если немного разбираешься в html+ css.
Shalmiev.Com - создаю, улучшаю и продвигаю сайты

imperpools
imperpools
Репутация: 0
Сообщения: 21
Зарегистрирован: 29.10.2018
С нами: 5 лет 4 месяца

Сообщение #3 imperpools » 04.12.2018, 13:55

Я не разбираюсь в html+ css

sergeevizh
sergeevizh
Репутация: 17
Сообщения: 151
Зарегистрирован: 16.10.2016
С нами: 7 лет 5 месяцев

Сообщение #4 sergeevizh » 04.12.2018, 14:25

imperpools писал(а):Я не разбираюсь в html+ css

Надо определить класс css который отвечает за стили оформления фото товара.
Далее как сказано на сайте, этому классу присвоить дополнительные стили:

Код: Выделить всё

.ВАШ_КЛАСС img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
 
.ВАШ_КЛАСС img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }

imperpools
imperpools
Репутация: 0
Сообщения: 21
Зарегистрирован: 29.10.2018
С нами: 5 лет 4 месяца

Сообщение #5 imperpools » 04.12.2018, 14:38

Спасибо. Получилось


Название раздела: Полезные решения для OkayCMS
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Полезные решения для OkayCMS»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 12 гостей