Image Hover Effects — Elementor Addon v1.4.4

Дополнение "Эффекты наведения изображения" для Elementor Page Builder - лучшее в своем классе дополнение, которое позволяет устанавливать индивидуальные эффекты наведения для вашего изображения. Он уделяет внимание деталям, позволяя выравнивать текст, менять фон, устанавливать границы и предлагает ряд других функций. Этот бесплатный плагин имеет более 40 эффектов при наведении изображения, от затухания и нажатия до масштабирования и размытия. Также доступна предустановленная комбинация двух или более эффектов. Он создает интерактивное пространство для пользователей вашего сайта.

Добавьте заголовок и описание к своему изображению, установите тег заголовка, добавьте значки, ссылку на страницу или веб-сайт и многое другое. Всякий раз, когда вы прокручиваете курсор над изображением, срабатывает эффект наведения для отображения заголовка и описания.

Дополнение виджета предназначено для использования как новичками, так и опытными пользователями. Вы можете изменить внешний вид эффекта нажатием нескольких кнопок или добавить собственные атрибуты HTML или CSS.

Особенности

- Легко настроить параметры.

- Более 40 эффектов при наведении изображения.

- Круг и квадратная граница имеют все эффекты.

- Центрируйте текст по горизонтали.

- Контролируйте пространство между элементами.

- Совместимость с WPML

Фон: установите цвет фона для эффекта. Вы также можете выбрать прозрачный фон.

Горизонтальное выравнивание: выравнивание заголовка и описания по левому, центру и правому краю с горизонтальным выравниванием.

Вертикальное выравнивание: выровняйте заголовок и описание по верху, середине или низу с помощью вертикального выравнивания.

Отступы: установите отступы к содержимому поверх эффекта.

Радиус границы: вы можете использовать эту функцию, чтобы обрезать острые края изображения, чтобы сделать его более плавным.

Заголовок: установите цвет заголовка, дополняющий фон. Используя опцию "Типографика", вы можете выбрать шрифт, размер шрифта, толщину, регистр, стиль (курсив, жирный и т. д.), оформление (надчеркивание, подчеркивание и т. д.), высоту строки и межбуквенный интервал заголовка.

Описание: Аналогичным образом в этой опции вы можете выбрать цвет и типографику для вашего описания.

Значок: установите цвет значка, его размер и расстояние между значком и заголовком.

Настройки

Эффекты наведения изображения для Elementor включают стили CSS3, которые добавляют к вашим изображениям потрясающие, но мягкие и приятные эффекты наведения. Позвольте вашим изображениям проявляться или исчезать, сдвигаться, переворачиваться, сниматься, масштабироваться, складываться, прокручиваться и т. д. одним щелчком мыши. Никакого кодирования не требуется. Эффекты при наведении изображения делают вещи простыми и элегантными. Если вам нужно отобразить несколько изображений, вы можете просто скопировать стиль и вставить его в другое изображение. У вас также есть возможность дублировать изображение. Эффекты наведения из Image Hover Effects полностью адаптивны и подходят как для очень маленьких, так и для очень больших устройств. Они разработаны с использованием гибкого и надежного CSS.

SEO-оптимизация

С точки зрения SEO, добавление тегов заголовков, заголовков и описаний к вашим изображениям просто необходимо. Теги заголовков и описания почти всегда получают клик от пользователя, тогда как ключевые слова в заголовках и заголовках могут помочь вашему сайту занять более высокие позиции в результатах поиска.

Эффекты наведения изображения для Elementor позволяют вам делать все это и многое другое всего за несколько секунд. Просто добавьте заголовок вашего изображения в поле "Заголовок" и установите тег (H1-H6, абзац, диапазон). Затем добавьте описание в поле "Описание". Вот и все. Теперь вы можете настроить внешний вид вашего текста, сделав его аккуратным и четким или диким и художественным, или выбрать один из множества других вариантов.

Еще одним важным фактором являются ссылки на определенные страницы или взаимные ссылки для привлечения трафика. Эффекты наведения изображения предоставляют возможность связать изображение с указанным URL-адресом. Вы можете скопировать ссылку, на которую должны быть перенаправлены ваши пользователи (когда они нажимают на изображение), и вставить ее в поле в разделе "Ссылка на".

Где это можно использовать

На любом веб-сайте WordPress, поддерживающем Elementor! Будь то сайт блога, новостной сайт или даже сайт электронной коммерции или электронного обучения, Image Hover Effects работает безупречно. Поскольку существует более 40 эффектов наведения, вы можете использовать комбинацию стилей, чтобы творить чудеса со своими изображениями. Но почему вы должны останавливаться на достигнутом? Попробуйте нашу Pro-версию. Версия Pro предлагает более 150+ эффектов наведения, а также ряд других преимуществ.

Эффекты при наведении изображения для Elementor (Pro)

- Более 150 эффектов при наведении

- Базовые и расширенные эффекты при наведении изображения.

- Применяйте отдельные эффекты к изображению, наложению и содержимому.

- 9 вариантов выравнивания

- Практически неограниченное количество комбинаций эффектов

- Настройте контент с помощью ссылок, кнопок, цветов и типографики.

- Эффекты после наведения сетки.

- Динамические поля (с Elementor Pro)

Полезные ссылки

Демонстрация эффектов при наведении | Эффекты при наведении изображения (Pro) | Купить эффекты при наведении изображения