 [CSS][HTML] jaka to technika ? |
  |
| [CSS][HTML] jaka to technika ? |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 281 Pomógł: 3 Dołączył: 8.06.2009 Skąd: Kraków Ostrzeżenie: (0%) 
 |
Witajcie, zaciekawił mnie poniższy efekt:
http://natemat.pl/extra/got Wiecie może czy jak to został zrobione ? jest jakiś specjalny silnik do takich efektów czy może ktoś to sam opracował ? Dzięki za pomoc ! |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 824 Pomógł: 106 Dołączył: 14.03.2012 Skąd: Warszawa Ostrzeżenie: (0%)
|
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 717 Pomógł: 120 Dołączył: 18.04.2009 Ostrzeżenie: (0%)
|
jak bedziesz to robił, sprawdz czy działa na mobilnych urzadzeniach... programisci ww. strony nie zadbali o to, i ani na iOS ani na Androidzie tego efektu nie zobaczysz jak wejdziesz w ten link.
edit: nie tylko efekt się nie pokazuje ale i na częsci mobilnych przeglądarek (desktopowych w tej chwili nie mogę sprawdzić) strona sie w ogole nieprawidłowo wyświetla... (ale tak to jest, jak się nie testuje kodu na róznych urządzeniach...) Ten post edytował PrinceOfPersia 29.07.2014, 19:05:53 |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 6 807 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
Tak jak pisał fate to parallax, ale nie ma/nie musi mieć związku z jQuery, tzn. sam efekt wizualny. Być może oparto go o jQuery.
Ten sam efekt możesz osiągnąć w czystym JS, bo jQuery nie jest jakimś cudem, który pozwala na więcej niż czysty JS. |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 675 Pomógł: 58 Dołączył: 17.12.2013 Ostrzeżenie: (10%) 
|
Cytat(trueblue @ 29.07.2014, 22:13:16 )  Tak jak pisał fate to parallax, ale nie ma/nie musi mieć związku z jQuery, tzn. sam efekt wizualny. Być może oparto go o jQuery. Ten sam efekt możesz osiągnąć w czystym JS, bo jQuery nie jest jakimś cudem, który pozwala na więcej niż czysty JS. a jquery to co jak nie javascript? to samo się da osiągnąć z użyciem czystego css'a. |
|
|
|
|
Post
#6
|
|
|
Grupa: Moderatorzy Postów: 4 069 Pomógł: 497 Dołączył: 11.05.2007 Skąd: Warszawa |
Tak jak powiedział @mitorski, paralaxa da się zrobić w samym css i nie ma tutaj sensu zaprzęgać całego jquery (IMG:style_emoticons/default/wink.gif)
Pierwszy lepszy przykład: http://css.dzone.com/articles/cool-parallax-scrolling-effect |
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 6 807 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
Cytat(mitorski @ 29.07.2014, 23:50:21 ) a jquery to co jak nie javascript? Wywnioskowałeś coś innego z mojej wypowiedzi? Niepotrzebnie. |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 675 Pomógł: 58 Dołączył: 17.12.2013 Ostrzeżenie: (10%)
|
Cytat(Spawnm @ 29.07.2014, 23:58:25 ) Tak jak powiedział @mitorski, paralaxa da się zrobić w samym css i nie ma tutaj sensu zaprzęgać całego jquery (IMG:style_emoticons/default/wink.gif) Pierwszy lepszy przykład: http://css.dzone.com/articles/cool-parallax-scrolling-effect http://jsfiddle.net/pY3jf/ tu jest jeszcze lepszy przykład bo widać jak to ze scrollem działa. |
|
|
|
|
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 281 Pomógł: 3 Dołączył: 8.06.2009 Skąd: Kraków Ostrzeżenie: (0%)
|
Dzięki WIELKIE za opinie i przykłady (IMG:style_emoticons/default/wink.gif)
wracajac do pokazanej strony gry o tron (link na początku) mamy tam efekt przenikania 2 zdjęć przy scrolowaniu. Można coś takiego zrobić w czystym css-ie ? rozumiem że zabawa z fixed background daje nam całkiem ciekawe efekty (IMG:style_emoticons/default/wink.gif) I jeszcze jedna sprawa chciałbym np. u góry strony dodać przycisk przewiń i po kliknięciu przejść w konkretne miejcę najlepiej do kotwicy - zależy mi jednak aby przejście było animowane. Jak coś takiego opracować ? |
|
|
|
|
|
Aktualny czas: 9.10.2025 - 18:17 |
