Elementortransformationserweiterung (Pro): Schräg, drehbar, skalierend und umdrehen

Transforms ist eine Pro-Erweiterung in Master Addons, die Widgets, Containern, Abschnitten und Spalten ein zweites Transformationspanel hinzufügt Unter Erweitert > Transformationen Sie können ein Element übersetzen, drehen, skalieren, schief schieben und umdrehen, mit separaten Normal - und Hover-Werten und einer Übergangsdauer Das freie Transform-Panel von Elementor deckt den größten Teil desselben Bodens ab, so dass der Vergleich weiter unten zeigt, wo jeder passt.

Transformiert das Panel in der Registerkarte Elementor Advanced mit Translate- und Rotate-Sliders neben einem Spa-Layout mit gedrehtem vertikalen Überschriftstext

Schief und rotieren auf X, Y und Z

Drehen separate Schieberegler Rotate X, Rotate Y und Rotate Z von -180 bis 180 Grad hat, und Schief Skew X und Skew Y über den gleichen Bereich hat. Übersetzen Verschiebt das Element bis zu 1000 px entlang X oder Y. Jeder Schieberegler kann einen anderen Wert auf Desktop, Tablet und Mobilgerät annehmen.

  • Schräg: Schräg eine Karte, ein Abzeichen oder einen Knopf in ein Parallelogramm.
  • Z drehen: Eine Überschrift oder Beschriftung auf der Seite drehen, wie der vertikale Text in der Demo.
  • X und Y drehen: Kippen Sie ein Element vom Betrachter weg Die Erweiterung hat keine perspektivische Einstellung, so dass dies flacher aussieht als eine echte 3 D-Drehung.

Scale-, Flip- und Hover-Zustände

Die Normal Tab legt fest, wie ein Element auf Ruhe aussieht, und die Schweben Tab stellt ein, wie es unter dem Cursor aussieht Skala X und Skala Y laufen von 0 bis 5 mit einer Voreinstellung von 1, und Flip Horizontal und Flip Vertical spiegeln das Element. Übergangsdauer (ms) Geht von 0 auf 3000, mit 400 als Standard, und steuert, wie schnell der Hoverwechsel abgespielt wird.

  • Schweben Sie wachsen: Stellen Sie Skala X und Y auf 1,05 im Hover-Tab ein, um einen kleinen Aufzug auf Karten oder Tasten zu ermöglichen.
  • Schwebeschlag: Schalten Sie auf der Registerkarte Hover den horizontalen Flip ein, um ein Symbol oder Bild zu spiegeln, während sich der Cursor darauf befindet.
  • Wo es funktioniert: Widgets, Container, Abschnitte und Spalten erhalten alle den Abschnitt Transformierungen in der Registerkarte Erweitert.
Transformiert Hover-Tab mit Scale- und Skew-Sliders neben einem dunklen Bold Vision-Heldenabschnitt

Elementortransformation vs. Master-Addons-Transformationen

Jedes Elementor-Widget hat in seinem Reiter Erweitert einen freien Abschnitt Transformieren (auf Elementor 4.2.4 angekreuzt).Es deckt fast alles ab, was die Erweiterung tut, plus ein paar Einstellungen, die der Erweiterung fehlen.

MerkmalElementortransformationMaster-Addons-Transformationen
PreisFrei (Elementorkern)Master Addons Pro
Normal - und Hover-TabJaJa
BewegenOffset X und Y in px, %, em, rem, vw oder vhÜbersetzen Sie X und Y in px, -1000 bis 1000
Drehen-360 bis 360, mit einem 3 D-Drehschalter für X und YX, Y und Z drehen, -180 bis 180
PerspektiveJaNein
Skala0 bis 2, Proportionen beibehalten wechselnSkala X und Y, 0 bis 5
SchiefX und Y, -360 bis 360X und Y, -180 bis 180
FlipHorizontal und vertikalHorizontal und vertikal
Schwebeübergang0 bis 10.000 ms0 bis 3000 ms, 400 Standard
Werte pro GerätJaJa

Das einzige klare Extra der Erweiterung ist der größere Skalenbereich, bis zum 5-fachen der Originalgröße statt 2. Für den Rest erledigt der eigene Transform-Bereich von Elementor die gleiche Arbeit oder mehr, sodass Transforms im Rahmen einer Master Addons Pro-Lizenz am sinnvollsten ist Sie verwenden bereits für andere Funktionen.

Andere Bewegungserweiterungen in Pro: Schwimmende Effekte, Enthüllen und Eingangsanimation.

Vorlagenbetrachter
Facebook
Twitter
WhatsApp
Link kopieren
Jetzt kaufen
Transformiert Erweiterung
Transformiert Erweiterung
3 D-Neigungskarten transformieren
3 D-Neigungskarten transformieren
Schiefe Bänder verwandeln
Schiefe Bänder verwandeln
Rotate Runner transformieren
Rotate Runner transformieren
Transform-Skalenabdeckung
Transform-Skalenabdeckung
Transformieren Sie ein Flip-Exemplar
Transformieren Sie ein Flip-Exemplar

Häufig gestellte Fragen für Transformationen

Erfahren Sie die am häufigsten gestellten Fragen von Benutzern zu Transformierungen und finden Sie Antworten an einem Ort.
Ist die Transforms-Erweiterung kostenlos?

Nr. Transforms ist Teil des kostenlosen Transform-Bereichs von Master Addons Pro. Elementor im Reiter Erweitert bietet die gleichen grundlegenden Effekte ohne Addon.

Die Steuerung ist sehr nah Elementor fügt Perspektiven, Prozent - und Viewport-Offsets, einen größeren Dreh - und Schrägbereich und einen längeren Übergang hinzu Die Erweiterung ermöglicht Skalierung bis 5 und gibt Rotate X, Y und Z eigene Schieberegler ohne 3 D-Schalter.

Funktionieren diese Effekte auf mobilen Geräten?

Ja. Die Transformationen sind reine CSS, und jeder Schieberegler kann einen anderen Wert auf Tablet und Mobil nehmen Große Übersetzungswerte decken mehr von einem kleinen Bildschirm ab, also überprüfen Sie jedes Gerät, bevor Sie veröffentlichen.

Schwimmende Effekte (Pro) führt eine Looping-Animation alleine aus Transforms legt eine feste Position, einen Winkel oder eine feste Größe plus einen anderen Zustand im Hover fest, und es wird nur während des Hover-Übergangs animiert.

Trendige Elementor-Widgets und -Erweiterungen

Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.

Master Addons Glassmorphism-Erweiterung für Elementor: Milchglaskarten mit der auf 20 px eingestellten Kontrolle des Unschärfewerts

Glasmorphie

Startseite Kostenlose Elementor-Glasmorphie-Erweiterung: „Mattiertes Glas-Effekt in einem Umkipp-Glasmorphie ist das Matt...
Details anzeigen
Master Addons Container Extras Erweiterung für Elementor: Container mit einer Kappe von 1400 px Max Breite, mit Max Breite, Max Höhe, Min Breite und Min Höhe Steuerung

Container-extras

Home Elementor Container Max Width and Max Height Controls Container Extras ist ein kostenloser Master...
Details anzeigen
Master Addons Patterns-Erweiterung für Elementor: hero mit dem Purple Gradient Grid Left-Stil, drei weiteren Musterstilen und dem Enable Pattern-Panel

Muster

Home 70+ Free Elementor Background Patterns Patterns ist eine kostenlose Master Addons-Erweiterung, die hinzufügt...
Details anzeigen
Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf

Post-/Seitenduplikator

Startseite Duplicate Elementor Pages and Posts in One Click Post/Page Duplicator ist ein kostenloser Master...
Details anzeigen
Master Addons Reading Progress Bar-Erweiterung für Elementor: Blauer Balken 42% oben auf einer Datenschutzrichtlinie-Seite gefüllt, mit Einstellungen für Aktivierungs-, Positions-, Höhen- und Füllfarben

Fortschrittsanzeige lesen

Startseite Fügen Sie eine Leseprogress-Leiste in WordPress (Elementor) hinzu. Die Leseprogress-Leiste ist kostenlos...
Details anzeigen