You can add visual effects to your WordPress website that create the illusion of movement or change. For that, the GutenKit Motion Effects module is an amazing option for you. It is a handy module that offers multiple effect choices.

Lad os se, hvordan modulet fungerer.

Modules under Motion Effects modules #

Login to your WordPress dashboard > Find GutenKit and go to Modules > Here, you’ll find Scrolling Effects, Mouse Tilt, Mouse Track and Entrance Animation > turn them ON

Hvordan fungerer GutenKit Motion Effects-modulet? #

• Find Sider/indlæg > Tilføj ny side/indlæg eller begynd at redigere en eksisterende side med blokeditoren.
• Vælg en hvilken som helst GutenKit-blok, du ønsker.
• Gå til Avanceret sektion.
• Find bevægelseseffekter

Når du har udvidet modulet, vil du se –

Rediger rulleeffekter #

Når du aktiverer knappen, vil du se disse funktioner –

• Lodret rulning: Indholdet bevæger sig op og ned, mens du ruller.
• Vandret rulning: Indholdet flyttes til venstre og højre, mens du ruller.
• Gennemsigtighed: Indhold fader ind eller ud, mens du ruller.
• Sløring: Indholdet bliver sløret eller skarpere, når du ruller.
• Rotere: Indholdet drejer eller vender, mens du ruller.
• Vægt: Indhold krymper eller vokser, mens du ruller.

Also, you can disable this option for desktop, tablet, mobile, etc.

Rediger musehældningseffekt #

Når du aktiverer knappen, vil du se disse funktioner –

• Maks. rotation (grader): Indstiller den maksimale vinkel, som elementet vipper ved musebevægelse (i grader).
• Fart: Styrer, hvor hurtigt elementet vipper som reaktion på musebevægelser.
• Baglæns: Inverterer vipperetningen (vipper modsat musebevægelse).
• Starter X/Y: Definerer elementets indledende vippeposition på den vandrette og lodrette akse.
• Perspektiv: Skaber en 3D-dybdeeffekt for tilt-animationen.
• Vægt: Gør elementet lidt større eller mindre ved tilt.
• Blænding aktiverer: Tænder en glødende effekt, der forstærkes med tilt.
• Gyroskop aktivering: Bruger din enheds gyroskop til mere naturlig vipning baseret på bevægelse.

Rediger musesporeffekt #

Når du aktiverer knappen, vil du se disse funktioner –

• Musens sporhastighed: Styrer, hvor hurtigt elementet følger din musebevægelse.
• Musesporretning: Bestemmer, om elementet bevæger sig med musen (direkte) eller i den modsatte retning (modsat).

Rediger indgangsanimation #

Her vil du have animationsstile som Bounce, Flash, BackInUp, FadeInLeft, RollIn og så videre.