Elementor flydende effekter (Pro): Oversæt, roter og skaler bevægelse
Flydende effekter er en Master Addons Pro udvidelse, der giver enhver Elementor widget en looping bevægelse. Slå Oversæt, Roter eller Skaler, sæt en Fra og en Til værdi, og widget bevæger sig mellem dem og tilbage igen, så længe siden er åben. Det passer flydende heltebilleder, drivende ikoner og pulserende badges, med ingen keyframes at skrive.
Oversæt: Float Up, Down eller Sidelæns
Oversæt X og Oversæt Y hver tager en Fra og en Til værdi mellem -100 og 100 px. Widgetten bevæger sig fra den første værdi til den anden og tilbage, med en jævn lethed ind og ud. Standarden er 0 til 5 px, en meget lille drift.
- Lodret flyder: Oversæt Y fra 0 til 15 px giver et ikon eller badge en blid bob.
- Sideværts drift: Oversæt X flytter widget langsomt til venstre og højre.
- Begge akser: X og Y flytter sammen widgetten langs en diagonal linje, fordi de deler den samme timing.
Roter, skaler og timing
Rotere har X, Y og Z skydere fra -180 til 180 grader, og Scale har X og Y fra 0 til 5, med 1 til 1,2 som standard. Ligesom Oversæt, begge svinge fra Fra til Til og tilbage, så rotation er en svaj snarere end en fuld spin. Hver transformation har en Varighed på op til 10000 ms (1000, når den står tom) og en Forsinkelse på op til 5000 ms.
- Puls: Skala X og Y fra 1 til 1,05 får en knap til at vokse og krympe forsigtigt.
- Sway: Drej Z fra -5 til 5 grader passer til et hængende mærke eller badge.
- Én tidslinje: kombinerede transformationer deler én timing. Translates Varighed og Forsinkelse bruges først, derefter Rotates, derefter Scales.
Elementor Motion Effects vs Master Addons Flydende effekter
Elementor har to slags bevægelse (kontrolleret på Elementor 4.2.4 med Pro). Entré Animation, i gratis Elementor, spiller en gang, når en widget vises. Bevægelseseffekter, i Elementor Pro, flytter en widget, mens den besøgende ruller eller bevæger musen. Ingen af dem går alene, og det er det hul, som Flydende effekter udfylder.
| Feature | Elementor Entrance Animation | Elementor Pro Motion Effects | Master Addons Flydende Effekter |
|---|---|---|---|
| Price | Free | Elementor Pro | Master Addons Pro |
| Hvad starter det | Widgetten dukker op én gang | Side rulle eller mus bevægelse | Intet, det sløjfer af sig selv |
| Bevægelse | Forudindstillede udtoninger, slides, zoomer og bounces | Lodret og vandret rulle, gennemsigtighed, sløring, rotere, skalere, musespor, 3D tilt | Oversæt X og Y, roter X, Y og Z, skala X og Y |
| Dine værdier | Varighed og forsinkelse | Hastighed, retning og viewport rækkevidde | Fra og Til værdier, varighed og forsinkelse |
| Arbejder på | Widgets og containere | Widgets og containere | Kun widgets |
Hvis du vil have bevægelse bundet til rulning eller markøren, er Elementor Pro Motion Effects den bedre pasform. Floating Effects er til en blid bevægelse, der fortsætter uden nogen besøgende input.
Andre bevægelsesudvidelser i Pro: Forvandler, Indgang Animation og Afsløre.
Sådan tilføjes flydende effekter i Elementor
Når udvidelsen er slået til, sidder panelet Flydende effekter på fanen Avanceret i hver widget.
- Med Master Addons Pro aktiv, gå til Master Addons > Udvidelser og tænd Flydende effekter.
- Rediger din side med Elementor, og vælg den widget, du vil flytte, f.eks. et billede eller ikon.
- Åbn Advanced tab, udvid Flydende effekter og sæt den til Ja.
- Tænd Oversætte, Rotere eller Scale og indstil værdierne Fra og Til.
- Set Varighed og Forsinkelse, og kontroller derefter bevægelsen i editorens forhåndsvisning.
- Opdater siden. For en længere gennemgang med billeder, læs vores flydende effekt tutorial.
Ofte stillede spørgsmål til flydende effekter
Er Floating Effects gratis?
Nej. Floating Effects er en del af Master Addons Pro. Free Elementor har indgangsanimationer, der spiller én gang, men ingen looping float.
Kan jeg bruge det på sektioner eller containere?
Nej. Panelet Flydende effekter er kun i fanen Avanceret i widgets. Hvis du vil flyde en gruppe elementer, skal du anvende den på hver widget eller kombinere dem i ét billede, før du tilføjer effekten.
Kan rotationen dreje hele vejen rundt?
Ikke som et kontinuerligt spin. Rotate går fra værdien Fra til værdien og tilbage, inden for -180 til 180 grader, så det fungerer bedst som svaj eller hældning.
Vil det skade ydeevnen at bruge mange af disse effekter på én side?
Et par flydende widgets er fine. Bevægelsen bruger det lille anime.js bibliotek og ændrer kun CSS transformationer, som browsere håndterer godt. Hold det til en håndfuld widgets pr. skærm, så siden forbliver rolig og kører problemfrit på langsommere telefoner.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
![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](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/Page Duplicator
