Додавання елементу “Фігура”

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

Важливо: даний елемент наразі доступни лише для Flex-блоку.

Далі у статті ми розглянемо, як додати цей елемент та як ви можете з ним працювати.


Щоб додати Фігуру, натисніть на синю іконку з білим плюсиком у верхньому лівому куті Flex-блоку та оберіть відповідний елемент у списку:


Для налаштувань вашого елементу, натисніть на квадрат, що зʼявиться, та перейдіть до його налаштувань:


Наразі для цього елементу доступні наступні можливості:

Вибір форми. Ви можете обрати будь-яку форму з доступних:



Наразі це:

• Прямокутник;

• Круг;

• Трикутник;

• Ромб;

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

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

• 10-кінцева фігура;

• Напівколо;

• Шестикутник;

• Пляма.


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



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

Налаштування кута нахилу фігури та заокруглення кутів (останнє доступне лише для фігури Квадрат):



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


Примітка: детальніше про поворот елементів ви можете дізнатися у статті.

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

Обведення. Ви можете обрати колір, товщину обведення та його стиль:



Додавання тіні. У рамках цієї функції ви можете вказувати положення тіні по осях Х та У, розмиття тіні та її розмір:



Примітка: детальніше про налаштування тіней ви можете дізнатися у статті.

Відзеркалення фігури. Ви можете її відзеркалювати по вертикалі та горизонталі:




Редагування розміру фігури. Для цього вам достатньо затиснути один з кутів чи сторін фігури та потягнути у потрібну сторону.

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

Дія. Для цього елементу доступний загальний перелік дій при натисканні:



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

Оновлено: 22/05/2024