Et statisk afsnit lyder som et fladt billede. Giv det en blid, loopende drift, og det samme element føles levende. Den Floating Effects udvidelse i Master Addons Pro tilføjer, at kontinuerlig bevægelse til enhver Elementor widget, med ingen keyframes eller brugerdefinerede CSS til at skrive. Denne vejledning forklarer, hvad udvidelsen gør, hvad du kan animere, og hvordan du anvender det.
Hvad Er Floating Effects Extension? #
The Flydende effekter udvidelse er et Master Addons Pro-bevægelsesværktøj, der tilføjer en kontinuerlig, loopende animation til Elementor-widgets. Det flytter widgetten mellem en Fra og en Til-værdi med oversætte, rotere og scale forvandler sig, så tilbage igen, og hver transformation har Varighed og Forsinkelse felter. Bevægelsen kører på det lille anime.js-bibliotek med en jævn lethed ind-ud. Sektioner, kolonner og beholdere får ikke panelet.
Hvad Du Kan Animerer #
Floating Effects arbejder gennem tre transformationstyper, og du kombinerer dem med timingkontroller for at forme bevægelsen:
- Oversæt: Oversæt X og Oversæt Y, hver med en Fra og Til værdi mellem -100 og 100 px, for den klassiske op-og-ned eller side-til-side float.
- Rotere: Drej X, Y og Z mellem -180 og 180 grader, drej widget frem og tilbage for at svaje.
- Skala: Skala X og skala Y mellem 0 og 5, der vokser og krymper widgetten for en blød puls.
- Varighed og forsinkelse: Varighed går op til 10000 ms (1000 når den efterlades tom) og Forsink op til 5000 ms. Når du tænder mere end én transformation de deler én tidslinje, ved hjælp af Translate's timing først, derefter Rotate's, derefter Scale's.
Sådan tilføjes flydende effekter i Elementor #
Flydende effekter anvendes pr. widget fra Elementor-editoren, når udvidelsen er aktiveret i Master Addons. Kort sagt: vælg det element, du vil animere, åbn dets indstillinger, slå Flydende effekter til, og vælg en transformation med dens timing.
- Sørg for Master Addons Pro er installeret og aktiv, og at udvidelsen Flydende effekter er aktiveret i panelet Mastertilføjelser.
- I Elementor-editoren skal du vælge den widget, du vil animere.
- Åbn elementets indstillinger og find Master Addons Flydende effekter kontroller, og tænd derefter for effekten.
- Tænd Oversætte, Rotere eller Scale, indstille Fra og Til værdierne, derefter den Varighed og Forsinkelse.
- Forhåndsvis eller udgiv siden for at se elementdriften på live-webstedet.
Tips til Brug af Flydende Effekter #
- Hold bevægelsen subtil. En lille translate afstand og en langsom varighed læses som poleret; stor, hurtig bevægelse ser distraherende ud.
- Brug den på et eller to elementer pr. visning. Et enkelt svævende heltebillede eller ikon tegner øjet; en hel side i bevægelse konkurrerer med sig selv.
- Sæt den sammen med indgangsbevægelse. Kombiner flydende effekter med Indgang Animation forlængelse, så et element letter ind først, og derefter holder sin blide flyder.
- Tjek det på mobilen. Bekræft bevægelsen ser stadig godt ud på mindre skærme og skubber ikke nærliggende indhold rundt.
Ofte stillede spørgsmål #
Hvad er udvidelsen Floating Effects i Master Addons?
Flydende effekter er en Master Addons Pro udvidelse, der tilføjer en kontinuerlig, looping animation til Elementor widgets. Det flytter en widget frem og tilbage mellem Fra og Til værdier med oversætte, rotere og skalere transformationer, med Varighed og Forsinkelse indstillinger og ingen brugerdefinerede CSS eller keyframes.
Hvilke slags animation kan Floating Effects skabe?
Det understøtter tre transformationstyper: Oversæt for at flytte et element op og ned eller side til side, rotere for en blid frem og tilbage svaj, og skalere for en blød pulserende effekt. Du kan kombinere en transformation med timingindstillinger for at forme den nøjagtige bevægelse, du ønsker.
Kan jeg styre hastigheden og retningen af den flydende animation?
Hastighed, ja. Hver transformation har Varighed og Forsinkelse felter, men kombinerede transformationer deler én tidslinje, ved hjælp af Oversæt først, derefter Roter, derefter Skaler. Der er ingen retningsindstilling: bevægelsen spiller altid fra Fra værdi til Til værdi og tilbage.
Virker Flydende Effekter på noget Elementor element?
Det virker kun på widgets, såsom et billede, ikon, overskrift eller knap. Sektioner, kolonner og containere får ikke panelet Flydende effekter, så for at flyde en gruppe elementer skal du tilføje effekten til hver widget.
Vil flydende animationer bremse min hjemmeside?
Bevægelsen løber gennem det lille anime.js bibliotek og animerer kun CSS transformationer, som browsere håndterer godt. For at holde siderne glatte, skal du bruge den på kun et eller to elementer pr. visning og holde bevægelsen subtil i stedet for at animere alt på siden på én gang.
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.
