Flydende effekter
Gå ud over grundlæggende op-og-ned flydende. Udvidelsen Flydende effekter giver dig animationskontroller i professionel kvalitet til ethvert element. Animer uafhængigt et elements position (Oversæt), få det til at dreje på en hvilken som helst 3D-akse (Roter X, Y, Z), og stræk eller squash det (Skala X, Y). Opret et logo, der vipper, et badge, der pulserer, eller et billede, der driver og drejer forsigtigt. Det hele styres med simple talfelter og afkrydsningsfelter lige i din Elementor-editor. Ingen plugins, ingen kode – bare kraftig animation lige ved hånden.
Multi-Directional Movement (Oversæt)
Giv dine elementer en følelse af blid, flydende bevægelse. Brug kontrolelementerne Oversæt til at flytte dem vandret (X-aksen) eller lodret (Y-aksen). Indstil et startpunkt og et slutpunkt i pixels for at skabe en frem og tilbage eller op og ned drivende effekt. Perfekt til at gøre opmærksom på nøglefunktioner eller tilføje et legende touch til dit design.
- Vandret Float: Få et element til at drive fra venstre mod højre (Oversæt X) som en langsomt bevægende sky.
- Lodret Bounce: Opret en blid op-og-ned-bounce (Oversæt Y) for ikoner eller badges.
- Kombiner for komplekse stier: Brug både X og Y sammen til diagonale eller cirkulære flydende stier.
Skalering, rotation og timing
Gå ud over simpel op-og-ned-bevægelse. Få elementer til at trække vejret ved at skalere dem. Brug Scale X og Scale Y uafhængigt til at strække eller squash et elements bredde og højde separat. Tilføj Rotation for et langsomt, kontinuerligt spin. Dette lader dig skabe alt fra en blødt pulserende call-to-action knap til et langsomt roterende logo.
- Pulserende effekter: Brug Scale X/Y til at få et element til rytmisk at vokse og krympe, hvilket trækker øjet.
- Uafhængig kontrol: Stræk et elements bredde (skala X), mens dets højde holdes den samme for unik bevægelse.
- Kontinuerlig Spin: Anvend Rotation for en langsom, endeløs spin på logoer eller dekorative ikoner.
Ofte stillede spørgsmål til flydende effekter
Det her ser komplekst ud. Er det svært at bruge?
Slet ikke! Panelet ser måske detaljeret ud, fordi det er kraftfuldt, men du starter simpelt. Bare aktiver én effekt (som Oversæt Y), indstil en lille “Til”-værdi (som 20px), og du har en flydende animation. De andre kontroller er der for, når du vil blive mere kreativ. Du lærer, mens du går.
Kan jeg bruge disse 3D rotationer på mobil?
Den visuelle effekt vil fungere, men det er ikke et “sandt” 3D-miljø. Det simulerer 3D-rotation ved hjælp af CSS, som understøttes på alle moderne mobile browsere. Det vil se godt ud, men for intens 3D har du brug for et andet værktøj. For de vippe- og drejeeffekter, det er designet til, er det perfekt.
Hvad er en god brug i den virkelige verden til den separate skala X og skala Y?
Forestil dig en “Notify Me” knap. Du kunne bruge Scale Y til at gøre det hurtigt squash ned (giver taktil feedback), derefter vende tilbage til normal. Eller, for en musikafspiller, en lydbølge grafik kunne bruge Scale Y uafhængigt på hver bar for at gøre det flytte til rytmen.
Vil det skade ydeevnen at bruge mange af disse effekter på én side?
Hvis du går overbord, ja – ligesom noget. Anvendelse af 10-20 forskellige komplekse animationer på et dusin elementer kan forårsage jank på langsommere enheder. Nøglen er subtilitet. Brug 1-2 primære effekter pr. sektion. En blid float og en lille rotation er alt, hvad du normalt har brug for til en professionel, livlig effekt.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
