Эффект искажения при наведении на изображение

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

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

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

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

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

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