Jak osiągnąć efekt pojawienia się diva/pola po ze scroll'owaniu strony po np. 2 sekundach? Tak jak na stronie Link pole "Our Work".

Chciał bym osiągnąć efekt aby po ze scroll'owaniu strony, zdjęcie po lewej pojawiło się po sekundzie a tekst po prawej po dwóch sekundach. Dodam jeszcze że chciał bym aby animacja się zatrzymała a nie powtarzała (css: animation-delay).

Jeżeli chodzi o JavaScript to możesz używając jQuery.

https://api.jquery.com/scroll/
Do tego instrukcja warunkowa sprawdzająca pozycję w pionie:
https://api.jquery.com/scrollTop/
I timeout który opóźni animację/dodanie klasy.

Skrypcik https://scrollrevealjs.org/ wszystko możesz skonfigurować, czy ma się powtarzać, kiedy ma się pojawiać w jaki sposób się pojawiać itd.