Dwa pytania - jak zrobić... ?

Question

Cześć! Mam dwa pytania:

1. Jak uzyskać taki efekt na stronie, jak to ma Pan Mirosław, tj. po kolei jak się zjeżdża w dół to elementy powoli się pokazują. http://miroslawzelent.pl/

2. Jak uzyskać taki efekt jak jest na stronie http://www.onet.pl/ , tj. jak się trochę zjedzie na dół to nagłówek się zmienia lekko.

Z góry dzięki za odpowiedzi :)

 

 

Answer 1

1. Po przewinięciu strony do danego elementu zmieniasz mu zwyczajnie opacity.

2.1 - CSS - Tworzysz klasę dla nagłówka w której stylizujesz wszystkie elementy do zmiany.
2.2 - JS - Po przewinięciu X pikseli dodajesz do nagłówka wcześniej stworzoną klasę.

Answer 2

Pan Mirosław na swojej stronie używa animate.css http://daneden.github.io/animate.css/

W połączeniu z wow.js możesz otrzymać bardzo fajne efekty. http://mynameismatthieu.com/WOW/

Answer 3

Polecam gotową bibliotekę:

https://michalsnik.github.io/aos/

Masa gotowych propozycji. Wystarczy tylko podkleić kawałek kodu do znacznika.