Elementor Transforms Extension (Pro): Skæv, drej, skaler og vend

Transforms er en Pro-udvidelse i Master Addons, der tilføjer et andet transformationspanel til widgets, containere, sektioner og kolonner. Under Avanceret > Transformerer du kan oversætte, rotere, skalere, skævvride og vende et element, med separate Normal- og Hover-værdier og en overgangsvarighed. Elementors gratis Transform-panel dækker det meste af den samme grund, så sammenligningen længere nede viser, hvor hver enkelt passer.

Transformerer panelet i fanen Elementor Advanced med Skydere Oversæt og Roter ved siden af et spa-layout med roteret lodret overskriftstekst

Skæv og drej på X, Y og Z

Rotere har separate Roter X-, Roter Y- og Roter Z-skydere fra -180 til 180 grader, og Skæv har Skew X og Skew Y over samme område. Oversætte flytter elementet op til 1000px langs X eller Y. Hver skyder kan tage en anden værdi på desktop, tablet og mobil.

  • Skæv: skrå et kort, badge eller knap ind i et parallelogram.
  • Roter Z: drej en overskrift eller etiket på siden, som den lodrette tekst i demoen.
  • Roter X og Y: tip et element væk fra beskueren. Udvidelsen har ingen perspektivindstilling, så dette ser fladere ud end en ægte 3D-rotation.

Skala, Flip og Hover stater

The Normal tabulator indstiller, hvordan et element ser på hvile, og Hover tabulator indstiller, hvordan det ser ud under markøren. Skala X og Skala Y kører fra 0 til 5 med en standard på 1, og Flip Horizontal og Flip Vertical spejler elementet. Overgangsvarighed (ms) går fra 0 til 3000, med 400 som standard, og styrer, hvor hurtigt svæveskiftet afspilles.

  • Svævevækst: indstil Skala X og Y til 1,05 i fanen Svæve for et lille løft på kort eller knapper.
  • Svæveflip: slå Flip Horizontal til under fanen Hover for at spejle et ikon eller et billede, mens markøren er på det.
  • Hvor det virker: widgets, containere, sektioner og kolonner får alle sektionen Transforms på fanen Avanceret.
Forvandler Hover-fanen med Skala- og Skew-skydere ved siden af en mørk Bold Vision-heltesektion

Elementor Transform vs Master Addons Transforms

Hver Elementor widget har en gratis Transform sektion i sin Avanceret fane (kontrolleret på Elementor 4.2.4). Det dækker næsten alt, hvad udvidelsen gør, plus et par indstillinger udvidelsen mangler.

FeatureElementor TransformMaster Addons Transforms
PriceFri (Elementorkerne)Master Addons Pro
Normal og Hover fanerJaJa
MoveOffset X og Y i px, %, em, rem, vw eller vhOversæt X og Y i px, -1000 til 1000
Rotere-360 til 360, med en 3D Rotate-kontakt til X og YDrej X, Y og Z, -180 til 180
PerspectiveJaNo
Scale0 til 2, Behold Proportioner skifteSkala X og Y, 0 til 5
SkævX og Y, -360 til 360X og Y, -180 til 180
FlipVandret og lodretVandret og lodret
Svæveovergang0 til 10000 ms0 til 3000 ms, 400 standard
Per-enhed værdierJaJa

Udvidelsens ene klare ekstra er det bredere skalaområde, op til 5 gange den oprindelige størrelse i stedet for 2. For resten udfører Elementors egen Transform-sektion det samme job eller mere, så Transforms giver mest mening som en del af en Master Addons Pro-licens, du allerede bruger til andre funktioner.

Andre bevægelsesudvidelser i Pro: Flydende effekter, Afsløre og Indgang Animation.

Skabelonfremviser
Facebook
Twitter
WhatsApp
Kopier Link
Køb Nu
Transformerer Extension
Transformerer Extension
Transform 3D Tilt Cards
Transform 3D Tilt Cards
Transform Skew Bands
Transform Skew Bands
Transformér Rotate Runner
Transformér Rotate Runner
Transform Scale Cover
Transform Scale Cover
Transform Flip Prøve
Transform Flip Prøve

Ofte stillede spørgsmål til transformationer

Lær de mest stillede forespørgsler, brugerne har om Transforms, og find svar på ét sted.
Er Transforms-udvidelsen gratis?

Nej. Transforms er en del af Master Addons Pro. Elementors gratis Transform sektion i fanen Avanceret tilbyder de samme grundlæggende effekter uden en tilføjelse.

Kontrolelementerne er meget tætte. Elementor tilføjer perspektiv-, procent- og viewport-forskydninger, et bredere rotations- og skævt område og en længere overgang. Udvidelsen tillader skala op til 5 og giver Rotate X, Y og Z deres egne skydere uden en 3D-switch.

Virker disse effekter på mobile enheder?

Ja. Transformerne er almindelige CSS, og hver skyder kan tage en anden værdi på tablet og mobil. Store oversæt værdier dækker mere af en lille skærm, så tjek hver enhed, før du udgiver.

Flydende effekter (Pro) kører en looping animation på egen hånd. Transforms indstiller en fast position, vinkel eller størrelse plus en anden tilstand på hover, og det animerer kun under hover overgangen.

Trending Elementor Widgets & Udvidelser

Byg sofistikerede websteder på kortere tid.

Master Addons Glassmorphism udvidelse til Elementor: matteret glas kort med Blur Value kontrol indstillet til 20px

Glasmorfisme

Hjem Gratis Elementor Glassmorphism Extension: Frosted Glass Effect i One Toggle Glassmorphism er den frostede...
Se detaljer
Master Addons Container Extras udvidelse til Elementor: container med låg på en 1400px Max bredde, med Max bredde, Max højde, Min bredde og Min højde kontroller

Container ekstraudstyr

Hjem Elementor Container Max bredde og Max højde Controls Container Extras er en gratis Master...
Se detaljer
Master Addons Patterns udvidelse til Elementor: helt med Purple Gradient Grid Left stil, tre flere mønster stilarter og Enable Pattern panelet

Mønstre

Hjem 70 + Gratis Elementor Baggrund Mønstre Mønstre er en gratis Master Addons udvidelse, der tilføjer...
Se detaljer
Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast

Post/Page Duplicator

Hjem Duplikere Elementor Sider og indlæg i One Click Post/Page Duplicator er en gratis Master...
Se detaljer
Master Addons Reading Progress Bar udvidelse til Elementor: blå bjælke 42% udfyldt på tværs af toppen af en privatlivspolitik side, med aktivere, position, højde og fylde farveindstillinger

Læsning Progress Bar

Hjem Tilføj en læsefremskridtsbjælke i WordPress (Elementor) Reading Progress Bar er en gratis...
Se detaljer