Возможность выключить притягивание элементов к другим объектам

Мы добавили возможность отключить автоматическое притягивание элементов к другим объектам внутри Flex block. Для этого необходимо нажать на кнопку “Инструменты” в правом верхнем углу в редакторе и выключить переключатель “Притягивание к объектам”. Это может понадобиться, если есть необходимость размещать элементы ближе чем 5 пикселей друг к другу и другим объектам (границе блока и т.д.) не только стрелочками на клавиатуре, а и мышкой.

Округление углов для элемента “Фигура”

Мы добавили функцию закругления углов для фигур в Flex block — с её помощью вы можете кастомизировать внешний вид фигуры в блоке. На данный момент скругление углов доступно для фигуры “Квадрат”. Вы можете закруглить все углы одновременно или же задать значения скругления для каждого угла отдельно.

Возможность вращать абсолютные элементы внутри Flex block

Мы добавили возможность вращать элементы внутри Flex block — эта настройка позволяет лучше размещать элементы и настраивать их отображение в блоке. Вы можете вращать элементы с помощью курсора, или же используя отдельный параметр “Поворот” в настройках элемента. 

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

Автомасштабирование элементов под разные устройства внутри Flex block

В Flex block появился функционал автомасштабирования контента под устройства разной ширины. Это нововведение обеспечивает соответственное изменение пропорций элементов в блоке для мобильных устройств, ширина которых является больше либо меньше, чем ширина мобильного устройства в редакторе.

С помощью этого функционала вы можете размещать элементы необходимым вам образом в редакторе на мобильной версии сайта, а если экран смартфона посетителя сайта будет немного шире или уже, то размер элементов будет автоматически изменён в соответствии с необходимым расширением экрана. Вы также можете выключить эту функцию в настройках блока, деактивировав переключатель “Автомасштабирование контента”.

Тени для элемента “Фигура”

Мы добавили тени для элемента “Фигура” внутри Flex block — это позволит лучше настроить внешний вид фигур в блоке и дать им уникальный стиль. Чтобы добавить тени для фигуры, необходимо активировать переключатель “Тень” в настройках фигуры. 

Вы можете менять расположения тени по осям X и Y, устанавливая различные значения для них, размер тени и степень размытости. Также вы можете установить отрицательные значения для осей X и Y (например -30), чтобы разместить тень слева (X) или сверху (Y) относительно фигуры. 


Дублирование элементов с помощью комбинации Ctrl (Command) + C и Ctrl+V

Теперь вы можете дублировать элементы, используя комбинацию клавиш Ctrl+C и Ctrl+V (для Windows) или Cmd+C и Cmd+V (для macOS). Копия элемента появится рядом с оригиналом, будет иметь все применённые к нему настройки, и будет сразу доступна для свободного размещения в блоке. 

Отображение расстояний от элемента к краю блока и во время наложения элементов

Мы обновили отображение расстояний в Flex block и теперь вы можете увидеть расстояние от одного края элемента к другому при наложении. Для того чтобы увидеть расстояние двух элементов, что наложены друг на друга, необходимо зажать клавишу Alt (для Windows) или же Option (для macOS). Помимо этого, вы можете увидеть расстояние от элемента к краю блока, кликнув на элемент и зажав соответствующую клавишу. А также если вы приблизите элемент ближе чем на 100 пикселей к границе блока, то расстояние до неё будет отображаться автоматически.

Дублирование элементов с помощью клавиши Alt (Option)

Теперь в Flex block вы можете дублировать элементы, зажимая клавишу Alt (для Windows) или же Option (для macOS). Для этого достаточно зажать соответствующую клавишу и начать перемещать выбранный элемент. После выполнения этого действия автоматически создаётся копия выбранного объекта и вы можете сразу разместить его в нужном вам месте в блоке. 

Обводка для элемента “Фигура”

В настройках фигур стало возможным применить обводку, с помощью которой вы можете дополнительно кастомизировать фигуры в блоке. Для того, чтобы добавить обводку для фигуры, небходимо перейти в её настройки и активировать переключатель “Обводка”. Вы можете установить толщину обводки от 1 до 30 пикселей, а также изменить её цвет и стиль. Среди доступных стилей: сплошная, пунктирная и штриховая линии. 

Новый элемент “Фигура” в Flex block

Мы добавили новый абсолютный элемент “Фигура” в Flex block. На данный момент доступны квадрат, круг и треугольник. Вы можете произвольно размещать фигуры в блоке, менять их размер и цвет, а также на каждую фигуру можно отдельно устанавливать определённое действие при нажатии. Помимо этого, вы можете добавить фоновое изображение в фигуру и наложить цвет с эффектом градиента на него, что позволит вам разнообразить фотографии на вашем сайте.

Показать предыдущие публикацииПоказать предыдущие публикации