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.
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.
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.
| Merkmal | Elementortransformation | Master-Addons-Transformationen |
|---|---|---|
| Preis | Frei (Elementorkern) | Master Addons Pro |
| Normal - und Hover-Tab | Ja | Ja |
| Bewegen | Offset 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 Y | X, Y und Z drehen, -180 bis 180 |
| Perspektive | Ja | Nein |
| Skala | 0 bis 2, Proportionen beibehalten wechseln | Skala X und Y, 0 bis 5 |
| Schief | X und Y, -360 bis 360 | X und Y, -180 bis 180 |
| Flip | Horizontal und vertikal | Horizontal und vertikal |
| Schwebeübergang | 0 bis 10.000 ms | 0 bis 3000 ms, 400 Standard |
| Werte pro Gerät | Ja | Ja |
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.
Häufig gestellte Fragen für Transformationen
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.
Wie unterscheidet es sich von den Elementortransformationseinstellungen?
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.
Wie unterscheidet sich das von der Erweiterung Floating Effects?
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.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
