Rellax
Få dine sider til at føle sig levende, når besøgende ruller. Rellax-udvidelsen bringer magien ved parallakse-rulning til Elementor – med nul kompliceret kode. Du skal blot vælge ethvert billede, form eller sektion og få det til at bevæge sig med en anden hastighed end resten af siden. Opret subtile baggrundslag, der driver langsomt, eller få forgrundselementer til at springe med hurtigere bevægelse. Styr hastigheden, retningen og lagdelingen for at skabe fordybende, multidimensionelle oplevelser, der tilføjer et strejf af sofistikering og engagement til hver rulle.
Hastighedsbaseret dybdekontrol
Ægte parallakse handler om at skabe en følelse af 3D-rum. Med Rellax tænder du det ikke bare – du ringer i den nøjagtige hastighed. En positiv hastighed (som 2) får elementet til at rulle hurtigere end siden og bringer det fremad. En negativ hastighed (som -2) får det til at rulle langsommere og skubber det i baggrunden. Denne præcise kontrol lader dig bygge realistiske forgrunds-, mellemgrunds- og baggrundslag.
- Forgrundseffekter: Brug en positiv hastighedsværdi til at få dekorative ikoner eller lille grafik til at flyde hurtigt forbi brugeren.
- Baggrundslag: Brug en negativ hastighed til at få et baggrundsbillede eller et mønster til at drive langsomt, hvilket skaber en dyb, fjern følelse.
- Decimalpræcision: Brug værdier som 0,5 eller -1,5 til finjusteret, subtil bevægelse.
Lagdeling med Z-Index
Når du har flere elementer, der bevæger sig med forskellige hastigheder, kan de ved et uheld overlappe dit vigtige indhold som tekst. Z-indeks-kontrollen løser dette. Indstil et lavere Z-indeks for baggrundsparallakseelementer for at holde dem bag dit læsbare indhold, og et højere for forgrundseffekter for at sikre, at de vises på toppen. Dette holder dit design rent og funktionelt.
- Organiser dine lag: Tildel Z-indeksværdier til logisk at stable dine parallakseelementer (f.eks. baggrund: -1, indhold: 1, forgrund: 2).
- Forebyg visuel rod: Sørg for, at bevægelige elementer ikke glider over og skjuler dine opkald til handling eller overskrifter.
- Total Compositing Control: Byg komplekse scener i flere lag med selvtillid.
Ofte stillede spørgsmål til Rellax
Vil dette virke på mobile enheder?
Ja, men med en note. Parallax effekter på mobil kan undertiden føles janky eller forårsage problemer med ydeevnen, fordi de er afhængige af jævn rulning. Rellax er optimeret, men for den bedste mobile oplevelse, skal du bruge subtile hastighedsværdier (som 0,5 eller -0,5) og teste på en rigtig enhed. Nogle gange er det smart at deaktivere kompleks parallakse på mobil helt for en mere jævn brugeroplevelse.
Kan jeg bruge dette på et baggrundsbillede til et helt afsnit?
Absolut! Dette er en af de mest populære anvendelser. Anvend Rellax-indstillingerne på et Sektion eller Containers baggrundsbillede. Giv det en langsom, negativ hastighed (som -1), og baggrunden vil glide blidt, da indholdet over ruller normalt, hvilket skaber en klassisk og effektiv dybdeeffekt.
Hvordan adskiller dette sig fra Elementors indbyggede “Motion Effects”?
Elementors grundlæggende bevægelseseffekter styrer ofte et elements bevægelse i forhold til viewporten (som “stick” eller “fade in”). Rellax er specifikt til hastighedsbaseret parallakse, hvor et elements rullehastighed er forskellig fra sidens rullehastighed. Det er et mere specialiseret og kraftfuldt værktøj til at skabe ægte dybdeskarphedsillusioner.
Kan brug af for mange parallakseeffekter bremse mit websted?
Ja, hvis du overdriver det. Hvert bevægeligt element kræver, at browseren udfører mere arbejde under rulning. Nøglen er moderation. Brug parallakse på 1-3 nøgleelementer pr. side for maksimal effekt. Undgå at anvende det på mange små, komplekse elementer. Et par velplacerede parallakselag ser professionelle ud; for mange kan føle kaotisk og skade ydeevne.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
