Du kan lägga till visuella effekter på din WordPress-webbplats som skapar en illusion av rörelse eller förändring. För det är modulen GutenKit Motion Effects ett fantastiskt alternativ för dig. Det är en praktisk modul som erbjuder flera effektval.
Låt oss se hur modulen fungerar.
Moduler under Motion Effects moduler #
Logga in på din WordPress-instrumentpanel > Hitta GutenKit och gå till Moduler > Här, du hittar rullningseffekter, muslutning, musspår och entréanimering > slå PÅ dem
Hur fungerar modulen GutenKit Motion Effects? #
- Hitta Sidor/inlägg > Lägg till ny sida/inlägg eller börja redigera en befintlig sida med blockredigeraren.
- Välj vilket GutenKit-block du vill ha.
- Gå till avsnittet Avancerat.
- Hitta rörelseeffekter
När du har utökat modulen ser du -
Redigera rullningseffekter #
När du aktiverar knappen ser du dessa funktioner –
- Vertikal rullning: Innehållet flyttas upp och ner när du rullar.
- Horisontell rullning: Innehållet flyttas åt vänster och höger när du rullar.
- Genomskinlighet: Innehåll bleknar in eller ut när du rullar.
- Fläck: Innehållet blir suddigt eller skarpare när du rullar.
- Rotera: Innehållet snurrar eller vänder när du rullar.
- Skala: Innehållet krymper eller växer när du rullar.
Du kan också inaktivera det här alternativet för stationära datorer, surfplattor, mobiler etc.
Redigera muslutningseffekt #
När du aktiverar knappen ser du dessa funktioner –
- Max rotation (grader): Ställer in den maximala vinkeln som elementet lutar vid musrörelse (i grader).
- Fart: Styr hur snabbt elementet lutar som svar på musrörelser.
- Omvänd: Inverterar lutningsriktningen (lutar motsatt musrörelse).
- Startar X/Y: Definierar elementets initiala lutningsposition på de horisontella och vertikala axlarna.
- Perspektiv: Skapar en 3D-djupeffekt för lutningsanimeringen.
- Skala: Gör elementet något större eller mindre vid tilt.
- Bländning aktivera: Sätter på en glödande effekt som förstärks med tilt.
- Gyroskopaktivering: Använder enhetens gyroskop för mer naturlig lutning baserat på rörelse.
Redigera musspåreffekt #
När du aktiverar knappen ser du dessa funktioner –
- Musspårhastighet: Styr hur snabbt elementet följer din musrörelse.
- Musspårriktning: Bestämmer om elementet rör sig med musen (direkt) eller i motsatt riktning (motsatt).
Redigera entréanimering #
Här kommer du att ha animationsstilar som Bounce, Flash, BackInUp, FadeInLeft, RollIn och så vidare.