Görgetős tárcsa
Görgess, és a címek körbefordulnak, a kép pedig átúszik a következőbe.
Görgess lefelé. A tárcsa lent átállítható: 45° ritka, 20° sűrű. Egy halvány címre kattintva odaugrik.
Egyedi animáció / motion design
Egyedi animációk, mozgás és interaktív elemek, amelyek megkülönböztetik az oldalt a sablon-hatástól.
60 000 Ft-tól
Egy kép és mellette a hozzá tartozó cím. A többi cím ferdén, elhalványulva várakozik a tárcsán, és ahogy görgetsz, a következő lecsúszik a helyére, a kép pedig átolvad az újba.
- GSAP ScrollTrigger
- Scroll-linked
- CSS transforms
Hogyan működik
A címek egy tárcsa küllőin ülnek: az aktív vízszintes, a szomszédai a lépésszög többszörösével elfordulva és halványodva állnak. A forgás a görgetéshez van kötve (GSAP ScrollTrigger), így a tárcsa pontosan annyit fordul, amennyit a látogató görgetett, és visszafelé is ugyanígy működik. A szakasz egy hosszú, rögzített blokk, amelyben a kép és a tárcsa a helyén marad, miközben az oldal fut alattuk.\n\nMinden elem csak transzformáció és áttetszőség, ezért a böngésző a videókártyán rajzolja, és a görgetés közben sem akad. Amikor a görgetés megáll, a tárcsa finoman a legközelebbi címre áll be, így mindig tiszta kép marad. A lépésszöget (45°, 30°, 20°) lent átállíthatod: kisebb szögnél egyszerre több cím látszik. Csökkentett mozgást kérő látogatónál nincs forgás: ugyanez egy egyszerű lista.
Szeretnél ilyet a saját oldaladra?
A motion és a WebGL a munkám része. Megbeszéljük, mi férne a te oldaladba úgy, hogy közben gyors maradjon.
Árajánlatot kérek
Szerkesztő felületÍrd át az oldalad tartalmát kódolás nélkül, és azonnal látod az eredményt.