[Python]

Mireczki mam sporo czasu, do najbliższego projektu będe potrzebował specyficzny (ale nie jakiś orientalny) efekt. Mianowicie wraz ze scrollowaniem strony animować się będą "ślady" (pic rel). Robiłem kiedyś podobny efekt z scrollowaną linią ale nie było to najlepsze rozwiązanie (animowany rysowany SVG).

Znacie jakąś bibliotekę/technologię której warto się nauczyć do takich rzeczy? Animacje na canvasach w html5? Może są jakieś ciekawe biblioteki JS? ( ͡° ͜ʖ ͡°)

#html5 #javascript #html #webdev prawie programowanie xD

[karer]

mozesz zrobic animate w css i po prostu tworzyc nowe elementy ktore jako tlo beda mialy takie stopki.

[dGustator]

@Python: w sumie można to prosto rozwiązać bez canvasa… Wystarczy lazyload :)

http://www.appelsiini.net/projects/lazyload/enabled_fadein.html

[Python]

@karer: napewno nie będą układać się jak na obrazku. W sensie nie będą szły prosto w dól tylko będą sięgać kolejnych elementów Landing Page.

@dGustator musze dogadać szczegóły, ale nie wiem czy po scrollowaniu w górę nie powinny znikać. Obmyślę.

Wdziałem kiedyś sporo podobnych efektów z np. lecącą rakietą itp. ale nie moge tego ponownie znaleźć.

[karer]

@Python: no to nadal mozesz zaprzegnac do tego canvasa. Takie fancy layouty maja to do siebie ze trzeba w nich isc na kompromis.

[G.....u]

@Python: Wioskowo to można i zwykłe elementy DOM tworzyć. Zrobi robotę.

[le1t00]

@Python: Możesz też zrobić diva którego wysokość będzie się zwiększać zależnie od skrola i ślady jako background-image i będą się pojawiać.
Pewnie jest od cholery sposobów

[Python]

@le1t00: Myslalem kiedyś o czymś takim (w innym projekcie). Bardzo podoba mi się prostota tego rozwiązania. Tak chyba będzie najwygodniej. ( ͡° ͜ʖ ͡°)

[le1t00]

@Python: less is more

[le1t00]

@Python: ew div z :before i :after na stopy i do scrolla podpięta zmiana animacja css zmieniająca położenie, scale czy opacity.