[Java][CSS]Jak osiągnąć efekt pojawienia się diva z czasem |
[Java][CSS]Jak osiągnąć efekt pojawienia się diva z czasem |
21.09.2016, 01:20:59
Post
#1
|
|
Grupa: Zarejestrowani Postów: 41 Pomógł: 0 Dołączył: 2.11.2012 Ostrzeżenie: (0%) |
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). |
|
|
21.09.2016, 07:13:40
Post
#2
|
|
Grupa: Zarejestrowani Postów: 207 Pomógł: 40 Dołączył: 2.06.2016 Skąd: Olsztyn Ostrzeżenie: (0%) |
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. -------------------- |
|
|
21.09.2016, 08:03:15
Post
#3
|
|
Grupa: Zarejestrowani Postów: 265 Pomógł: 4 Dołączył: 30.08.2004 Ostrzeżenie: (0%) |
Skrypcik https://scrollrevealjs.org/ wszystko możesz skonfigurować, czy ma się powtarzać, kiedy ma się pojawiać w jaki sposób się pojawiać itd.
|
|
|
Wersja Lo-Fi | Aktualny czas: 25.04.2024 - 01:27 |