wtorek, 18 lutego 2020

Animacje na stronach - biblioteka AOS.js

W poprzednim temacie pisałem o animacjach na stronach, i też pisałem, czy warto stosować na stronach internetowych. Tym razem przedstawię ciekawą bibliotekę, która daje ciekawe efekty.

Biblioteka AOS
Jest ciekawą biblioteką, którą możemy łatwo zaimplementować na naszej stronie. Wystarczy ściągnąć i podpiąć do strony oraz też dać odpowiednie linki w ramach <head></head>. 

Nie będę tu opisywał krok po kroku o tej bibliotece, ponieważ jest dobrze opisana na stronie autora znajdującego się na github'ie. I jest pod tym linkiem: https://github.com/michalsnik/aos

Natomiast, aby zobaczyć, jak działa, jakie efekty daje ta biblioteka, możemy zobaczyć tu na stronie autora: https://michalsnik.github.io/aos/.

Sam zastosowałem tę bibliotekę, która jest na jednym z moich stron, w  mojej galerii. 

Oczywiście, można zastosować bibliotekę dotyczącą animacji, która jest na tej stronie https://daneden.github.io/animate.css/ i też daje ładne efekty, tylko tu już nie chodzi o samo dołączenie i odwołanie do zewnętrznych zasobów(chodzi o linki w head), ale też trzeba napisać kod w JS, który pozwoli taką animację zapętlić ileś razy. Bez JS, będzie działać animacja, ale raz!

To tyle na temat animacji.