Вы хотите применить маску изображения в Elementor ?

Простой трюк может определить общий дизайн вашей страницы. При создании страницы с Elementor, вы можете применить маску изображения, чтобы сделать изображения на странице выделяющимися и уникальными. К сожалению, Elementor не имеет параметра стиля по умолчанию для применения маски изображения к изображению.

Если вы используете Факир Pro и обладаете знаниями CSS, вы можете добавить собственный CSS, чтобы применить маску изображения к изображению. Если у вас нет знаний CSS, вы можете использовать Дополнительный плагин Happy Addons применить маску изображения в Elementor.

Happy Addons — это бесплатный аддон для Elementor, в котором есть функция применения маски изображения. Сама эта функция доступна только в профессиональной версии, поэтому вам необходимо использовать профессиональную версию Happy Addons, чтобы использовать эту функцию.

Кстати, что такое маска изображения?

Маскирование изображения — это процесс сокрытия определенных частей изображения для подчеркивания других частей. Этот процесс часто применяется в инструментах редактирования изображений, таких как Photoshop и GIMP.

Вот пример.

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

Happy Addons — отличное решение для применения маски изображения в Elementor, если у вас нет знаний CSS.

Как это работает

Функция применения маски изображения работает с виджетами Elementor, которые управляют изображением, такими как виджет изображения и виджет поля изображения. Вы увидите новую опцию под названием Маска изображения чуть ниже селектора изображений. Вы можете выбрать из тридцати девяти различных форм маски. Вы также можете использовать собственную форму маски, загрузив файл SVG.

Как применить маску изображения

Прежде чем начать, убедитесь, что вы установили и активировали профессиональную версию Happy Addons на своем сайт Вордпресс. Вы можете получить его на его официальный сайт.

Когда все будет готово, создайте новую страницу и отредактируйте ее с помощью Elementor или вы также можете отредактировать существующую страницу. Добавьте виджет, содержащий изображение, например виджет «Изображение», в поле редактирования.

применить маску изображений в Elementor с надстройками Happy

Перейдите на левую панель и щелкните значок выбора изображения на Фото товара блок под Содержание вкладку, чтобы выбрать изображение, которое вы хотите использовать. После того, как изображение выбрано, нажмите на значок карандаша на Изображение Маскинвариант г.

применить маску изображений в Elementor с надстройками Happy

Выберите форму маскировки, которая вам нравится. Вы также можете установить положение маскирования, задать размер и повторить. Если вы хотите использовать пользовательскую форму маскирования с помощью файла SVG, вы можете щелкнуть значок изображения (рядом со значком Happy Addons).

применить маску изображений в Elementor с надстройками Happy

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

Получить Elementor Pro сейчас !!!

Заключение

Здесь ! В этой статье рассказывается, как применить маску изображения в Elementor. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.

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

Но тем временем поделитесь этой статьей в разных социальных сетях.

...