Статьи по теме: Редактор
Эта статья также доступна на:

Добавление элемента “Фигура”

В мире дизайна даже простые инструменты могут придавать вашему сайту неповторимый стиль и выразительность. Одним из таких инструментов вполне можно назвать элемент Фигура, который вы можете добавить на ваш сайт в рамках Flex-блока.


Важно: данный элемент пока доступен только для Flex-блока.


Далее в статье мы рассмотрим, как добавить этот элемент и как вы можете с ним работать.



  1. Чтобы добавить Фигуру, нажмите на синюю иконку с белым плюсиком в верхнем левом углу Flex-блока и выберите соответствующий элемент в списке:



  1. Для настройки вашего элемента, нажмите на появившийся квадрат и перейдите к его настройкам:




На данный момент для этого элемента доступны следующие возможности:


  • Выбор формы. Вы можете выбрать любую форму из доступных:



На данный момент доступны:


• Прямоугольник;


• Круг;


• Треугольник;


• Ромб;


• Ромб с вогнутыми сторонами;


• Заокругленный ромб с вогнутыми сторонами;


• 10-конечная фигура;


• Полукруг;


• Шестиугольник;


• Пятно.



  • Настройка заполнения фигуры. Вы можете как указать нужный вам цвет фигуре (сплошная заливка или градиент), так и поставить фото в качестве фона фигуры:



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


  • Настройка угла наклона фигуры и округления углов (последнее доступно только для фигуры Квадрат):



Примечание: вы можете также вращать фигуру вручную. Для этого наведите на один из углов фигуры, и когда вы увидите курсор вращения, зажмите правой кнопкой мыши и потяните в нужную вам сторону:


Примечание: более подробно с поворотом элементов вы можете ознакомиться в статье.


Подсказка: вы также можете настраивать округление каждого из углов отдельно, для этого нажмите на иконку рядом с полем градуса закругления.


  • Обводка. Вы можете выбрать цвет, толщину обводки и ее стиль:



  • Добавление тени. В рамках этой функции вы можете указывать положение тени по осям Х и У, размытие тени и ее размер:





  • Зеркальное отображение фигуры. Вы можете ее отражать по вертикали и горизонтали:



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


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


  • Действие. Для этого элемента доступен общий перечень действий при нажатии:



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


Последнее изменение: 22/01/2024

Была ли эта статья полезна?

Поделиться отзывом

Отменить

Спасибо!