Преобразует
Устали от всего, что выглядит как идеальный прямоугольник? расширение Transform дает вам возможность скручивать, наклонять и изменять форму любого виджета Elementor или Elements. Добавьте тонкий перекос в свидетельскую карту, поверните заголовок для драматического эффекта или масштабируйте изображение на зависании с помощью прецизионного управления. Это секретный инструмент для создания острых, динамичных и действительно уникальных макетов, которые выделяются из стандартного образа шаблона. Выйдите за рамки базового позиционирования и придайте своим элементам новое измерение.
Перекос и вращение на осях X и Y
Сделайте ваши элементы наклоняться, наклоняться, или выглядеть в перспективе Независимо контролировать значения Skew X и Skew Y, чтобы создать параллелограммные формы или динамические наклоны.Объедините это с Поверните, чтобы вращать ваш элемент в 2D или 3D пространстве, нарушая жесткое горизонтальное выравнивание типичного веб-дизайна.
- Динамический перекос: приложите Skew X, чтобы контейнер выглядел так, будто он наклонен вперед или назад.
- Точное вращение: вращайте элементы в точной степени для креативных макетов и перекрывающихся дизайнов.
- Объедините эффекты: перекос кнопки, а затем слегка поверните ее, чтобы вызвать к действию игривый и необычный вызов.
Расти, сокращаться и добавлять глубину при наведении курсора
Создавайте интерактивные моменты, которые отвечают вашим посетителям. используйте свойство Масштаб, чтобы значок или изображение увеличивались при зависании, рисуя глаз. добавьте Перспективу в родительский контейнер, чтобы дочерние элементы вращались в трехмерном пространстве, создавая ощущение глубины и погружения, с которым плоские конструкции не могут сравниться.
- Масштабирование на основе наведения: установите состояние наведения на масштаб: 1.1 для плавного и увлекательного эффекта роста на кнопках или картах.
- 3D-подобная глубина: используйте настройку Перспектива, чтобы несколько повернутых элементов ощущались как часть единой 3D-сцены.
- Управляйте происхождением: измените происхождение преобразования, чтобы сделать масштаб элемента из его центра, верха или угла.
Часто задаваемые вопросы по трансформации
Из-за перекоса или вращения моего текста будет трудно читать?
Может, если вы переборщите Ключ тонкость Небольшое вращение на 2-5 градусов или перекос может добавить огромный визуальный интерес без ущерба для читаемости Всегда предварительный просмотр и тестирование на разных устройствах Для важного текста тела лучше всего сохранить преобразования минимальными или применять их только к декоративным элементам.
Могу ли я использовать это для создания 3D-откидной карты?
Вы можете подойти очень близко! комбинируя Поворот Y (для переворота) с Перспективой на родительском контейнере, вы можете создать карту, которая кажется перевернутой. вы бы использовали два элемента (перед и назад) и переключить их видимость с более продвинутыми взаимодействиями или пользовательским кодом для полного решения.
Работают ли эти эффекты на мобильных устройствах?
Используемые преобразования CSS широко поддерживаются в современных мобильных браузерах Однако сложные 3D перспективы или интенсивная анимация могут лучше работать на рабочем столе. всегда неплохо проверить свой дизайн на реальном телефоне и упростить эффекты для мобильного, если это необходимо.
Чем это отличается от расширения Floating Effects?
Отличный вопрос! Floating Effects - для автоматических, непрерывных анимаций (как отскакивающее или дрейфующее движение).Расширение Transform - это изменение формы и положения ядра элемента (перекос, поворот, масштаб), часто статическим способом или как одноразовое взаимодействие (как эффект зависания).Их можно использовать вместе! например, можно иметь карту, которая слегка перекошена (Преобразование), а также мягко импульсы (Плавающие эффекты).
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
