Haladó tipográfia: görgetés és egérmozgás

A Haladó tipográfia widget két mozgáshatása a szöveg egyes elemeit mozgatja: az egyik az oldal görgetésére, a másik az egér mozgására reagál. Mindkettő a Pro bővítmény része, és csak Többes kiválasztás módban érhető el, a Szöveglista elemein belül. A módról az áttekintő fejezet szól.

Előkészítés mindkét hatáshoz:

1. Add hozzá a Haladó tipográfia widgetet, és a Válaszd ki az opciót mezőt állítsd Többes kiválasztás értékre.
2. A Szöveglistában add meg az elemek szövegét. Ha több elem kell, használd az Elem hozzáadása gombot.
3. Nyisd meg azt az elemet, amelyiknek mozognia kell.

https://minta-bolt.hu/wp-admin/post.php?post=72&action=elementor

A képen a megnyitott elemnél látszik a Mágikus görgetés és a Parallaxis egérmozgással kapcsoló.

Mágikus görgetés

A Mágikus görgetés egy kezdő és egy végállapot között animálja az elemet, miközben az oldalt görgeted: a szöveg mozoghat, halványulhat vagy elfordulhat.

1. Nyisd meg a mozgatandó elemet, és kapcsold be a Mágikus görgetés kapcsolót.
2. Kattints a Görgetési opciók ceruza ikonjára, és állítsd be, mikor induljon az animáció (Eltolás), és hány pixelnyi görgetésig tartson (Időtartam).
3. A Kezdő pozíció fülön nyisd meg a Kezdő pozíció részt, és add meg a kezdőállapotot.
4. A Végső pozíció fülön nyisd meg a Végső pozíció részt, és add meg a végállapotot.
5. Tedd közzé az oldalt, és görgess.

Beállítások

Beállítás	Mit csinál	Alapérték
Eltolás	Az animáció kezdőpontját tolja el, pixelben	0
Időtartam	Hány pixelnyi görgetés alatt zajlik le az animáció	300
(X) / vízszintes távolság	Vízszintes helyzet	0
(Y) / függőleges távolság	Függőleges helyzet	Kezdő: 0, végső: -50
Átlátszatlanság	0 (láthatatlan) és 1 (teljesen látható) között	1
Méretarány értéke	Méret, 0 és 2 között	1
Forgatás értéke	Forgatás fokban, -360 és 360 között	0

Hogyan működik

• Az animáció akkor indul, amikor az elem eléri a böngészőablak közepét, és a görgetési pozíciót követi az Időtartam alatt.
• Az alapbeállításokkal az elem 300 px görgetés alatt 25 px-t csúszik lefelé. A távolságok a megadott érték felével érvényesülnek, ellenkező előjellel, ezért a -50-es végső (Y) érték 25 px-es lefelé mozgást ad.
• Minden elemnek saját Mágikus görgetése van, így egy szó mozoghat, a többi pedig a helyén maradhat.

Hibaelhárítás

• Ha nem találod a Mágikus görgetést, az a Szöveglista elemeiben van. Állítsd a Válaszd ki az opciót mezőt Többes kiválasztás értékre, és nyiss meg egy elemet.
• Ha semmi nem mozog, a közzétett oldalon próbáld ki. Az oldalnak elég hosszúnak kell lennie ahhoz, hogy az elem átgörgethető legyen az ablak közepén.

Parallaxis egérmozgással

A Parallaxis egérmozgással az elemet az egér mozgásával együtt mozgatja, amikor az egér a szöveg fölött halad.

1. Nyisd meg a mozgatandó elemet, és kapcsold be a Parallaxis egérmozgással kapcsolót.
2. Kívánság szerint kattints a Parallaxisbeállítások ceruza ikonjára, és állítsd be a Parallax mozgatása (X) és a Parallax mozgatása (Y) értéket.
3. Tedd közzé az oldalt, és mozgasd az egeret a szöveg fölött.

Hogyan működik:

• Az elem mozog, amíg az egér fölötte van, és visszacsúszik, amikor az egér elhagyja.
• A Parallax mozgatása (X) és (Y) értéke -100 és 100 között állítható, alapérték: 30. Minél nagyobb az érték, annál kevésbé mozdul a szöveg. A negatív érték az ellenkező irányba mozgatja.
• Minden elemnek saját beállítása van, így egy szó mozoghat, a többi pedig állhat.

Ha nem találod a Parallaxis egérmozgással kapcsolót, az a Szöveglista elemeiben van, Többes kiválasztás módban. Ha a szöveg nem mozog, a közzétett oldalon vagy az előnézetben próbáld ki, és a szövegen magán mozgasd az egeret.