Добавление элемента “Фигура”
В мире дизайна даже простые инструменты могут придавать вашему сайту неповторимый стиль и выразительность. Одним из таких инструментов вполне можно назвать элемент Фигура, который вы можете добавить на ваш сайт в рамках Flex-блока.
Важно: данный элемент пока доступен только для Flex-блока.
Далее в статье мы рассмотрим, как добавить этот элемент и как вы можете с ним работать.
Чтобы добавить Фигуру, нажмите на синюю иконку с белым плюсиком в верхнем левом углу Flex-блока и выберите соответствующий элемент в списке:
Для настройки вашего элемента, нажмите на появившийся квадрат и перейдите к его настройкам:
На данный момент для этого элемента доступны следующие возможности:
Выбор формы. Вы можете выбрать любую форму из доступных:
На данный момент доступны:
• Прямоугольник;
• Круг;
• Треугольник;
• Ромб;
• Ромб с вогнутыми сторонами;
• Заокругленный ромб с вогнутыми сторонами;
• 10-конечная фигура;
• Полукруг;
• Шестиугольник;
• Пятно.
Настройка заполнения фигуры. Вы можете как указать нужный вам цвет фигуре (сплошная заливка или градиент), так и поставить фото в качестве фона фигуры:
Подсказка: как и для обычного фонового изображения, в Фигуре вы можете добавить к нему наложение цвета или фильтр.
Настройка угла наклона фигуры и округления углов (последнее доступно только для фигуры Квадрат):
Примечание: вы можете также вращать фигуру вручную. Для этого наведите на один из углов фигуры, и когда вы увидите курсор вращения, зажмите правой кнопкой мыши и потяните в нужную вам сторону:
Примечание: более подробно с поворотом элементов вы можете ознакомиться в статье.
Подсказка: вы также можете настраивать округление каждого из углов отдельно, для этого нажмите на иконку рядом с полем градуса закругления.
Обводка. Вы можете выбрать цвет, толщину обводки и ее стиль:
Добавление тени. В рамках этой функции вы можете указывать положение тени по осям Х и У, размытие тени и ее размер:
Зеркальное отображение фигуры. Вы можете ее отражать по вертикали и горизонтали:
Редактирование размера фигуры. Для этого вам достаточно зажать один из углов или сторон фигуры и потянуть в нужную сторону.
Примечание: если вы активируете опцию "Оригинальные пропорции" в настройках элемента, то при увеличении или уменьшении размера фигуры она будет сохранять оригинальное соотношение сторон.
Действие. Для этого элемента доступен общий перечень действий при нажатии:
После добавления фигуры не забудьте опубликовать ваш сайт, чтобы изменения отобразились на нем.
Важно: данный элемент пока доступен только для Flex-блока.
Далее в статье мы рассмотрим, как добавить этот элемент и как вы можете с ним работать.
Чтобы добавить Фигуру, нажмите на синюю иконку с белым плюсиком в верхнем левом углу Flex-блока и выберите соответствующий элемент в списке:
Для настройки вашего элемента, нажмите на появившийся квадрат и перейдите к его настройкам:
На данный момент для этого элемента доступны следующие возможности:
Выбор формы. Вы можете выбрать любую форму из доступных:
На данный момент доступны:
• Прямоугольник;
• Круг;
• Треугольник;
• Ромб;
• Ромб с вогнутыми сторонами;
• Заокругленный ромб с вогнутыми сторонами;
• 10-конечная фигура;
• Полукруг;
• Шестиугольник;
• Пятно.
Настройка заполнения фигуры. Вы можете как указать нужный вам цвет фигуре (сплошная заливка или градиент), так и поставить фото в качестве фона фигуры:
Подсказка: как и для обычного фонового изображения, в Фигуре вы можете добавить к нему наложение цвета или фильтр.
Настройка угла наклона фигуры и округления углов (последнее доступно только для фигуры Квадрат):
Примечание: вы можете также вращать фигуру вручную. Для этого наведите на один из углов фигуры, и когда вы увидите курсор вращения, зажмите правой кнопкой мыши и потяните в нужную вам сторону:
Примечание: более подробно с поворотом элементов вы можете ознакомиться в статье.
Подсказка: вы также можете настраивать округление каждого из углов отдельно, для этого нажмите на иконку рядом с полем градуса закругления.
Обводка. Вы можете выбрать цвет, толщину обводки и ее стиль:
Добавление тени. В рамках этой функции вы можете указывать положение тени по осям Х и У, размытие тени и ее размер:
Зеркальное отображение фигуры. Вы можете ее отражать по вертикали и горизонтали:
Редактирование размера фигуры. Для этого вам достаточно зажать один из углов или сторон фигуры и потянуть в нужную сторону.
Примечание: если вы активируете опцию "Оригинальные пропорции" в настройках элемента, то при увеличении или уменьшении размера фигуры она будет сохранять оригинальное соотношение сторон.
Действие. Для этого элемента доступен общий перечень действий при нажатии:
После добавления фигуры не забудьте опубликовать ваш сайт, чтобы изменения отобразились на нем.
Обновлено на: 22/01/2024
Спасибо!