ЭФФЕКТ ИСКАЖЕНИЯ ПРИ НАВЕДЕНИИ НА ИЗОБРАЖЕНИЕ

1. «Класс» — В этом поле вам нужно придумать и написать короткое название для класса, которое мы будем добавлять к изображению, чтобы модификация понимала к какому изображению ей добавлять эффект искажения при наведении. Например — iskazh;
2. «Изображение до наведения» – В этом поле нужно указать ссылку на изображение, которое будет показываться до наведения курсора;
3. «Изображение при наведении» – А уже в этом поле нужно указать ссылку на изображение, которое будет показываться после наведения курсора;
4. «Эффект» – Последняя настройка отвечает за сам эффект искажения. На выбор представлены 5 эффектов искажения;
5. Следующим шагом нужно добавить класс к изображению.

Чтобы добавить иконку к кнопке нужно задать класс к вашей кнопке. Для этого нажмите правой кнопкой мыши на вашу кнопку и выберите пункт "Add CSS Class Name";

ВАЖНО
1) Класс нужно привязать именно к элементу "Image", на элемент "Shape" эффект будет применяться, если только загрузить изображение в пункт "Background Image".
2) Для применения эффекта к нескольким изображениям вам необходимо добавить модификацию столько раз, на сколько фотографий вы хотите применить эффект искажения, и указать разные классы. Например, вы можете использовать класс "iskazh1" для первой фотографии, "iskazh2" для второй и так далее.

6. Добавляете блок Т123 и вставляете в него сгенерированный HTML код;

Готово! Теперь, когда вы наведете курсор на изображение, применится эффект искажения и изображение изменится на то, которое вы указали в генераторе модификации.

Можно отключить эффект на мобильных устройствах.