MixSlide
Начать

Трансформации и режимы наложения

MixSlide предлагает продвинутые трансформации, которых нет в большинстве онлайн-редакторов. Всё это доступно прямо в панели свойств — без плагинов.

Базовые трансформации

Для любого элемента доступны:

  • Положение — X, Y координаты;
  • Размер — ширина и высота;
  • Поворот — угол вращения в градусах;
  • Прозрачность — opacity от 0 до 100%.

Искажение (Skew)

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

Задаётся в панели общих настроек блока. Есть кнопка «Сбросить» для возврата к значениям по умолчанию.

3D-трансформация

Включите 3D-трансформацию в панели свойств — элемент получает возможность поворота в трёхмерном пространстве.

Параметры:

  • Перспектива — чем меньше значение, тем сильнее эффект перспективы (например, 800 — умеренный эффект);
  • Поворот по оси Z — наклон элемента «к зрителю» или «от зрителя».

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

!(Блок с изображением, повёрнутый в 3D с перспективой)[]

Режимы наложения (Blending Mode)

Режим наложения определяет, как пиксели элемента взаимодействуют с пикселями под ним. Это мощный инструмент для создания художественных эффектов.

Доступные режимы: Normal, Multiply, Screen, Overlay, Soft Light, Hard Light, Color Dodge, Color Burn, Difference, Exclusion и другие.

Примеры применения:

  • Multiply — затемняет, убирает белый цвет (удобно для текстур поверх фото);
  • Screen — осветляет, убирает чёрный (эффект световых пятен);
  • Overlay — сохраняет светлые и тёмные области, усиливает контраст.

Скругление углов

Скругление углов доступно для прямоугольников и HTML-элементов. Можно:

  • скруглить все углы одновременно;
  • задать разные значения для каждого угла.

При максимальном скруглении прямоугольник превращается в круг или таблетку.

Советы

  • Skew + яркий цвет + обрезка по краю холста = динамичный фоновый акцент.
  • 3D-трансформация с перспективой 600–800 — реалистичный разворот карточки.
  • Режим Multiply поверх градиента и фото создаёт эффект тонирования без Photoshop.