Paralaxa scrolling effect

Question

Witam ostatnio szukałem informacji jak zrobić prakalakse w sposób:

https://www.firewatchgame.com/

ale jak się pewnie domyślacie nie znalazłem. chodzi o to że wszysscy pokazują paralakse typu:

https://www.w3schools.com/howto/tryhow_css_parallax_demo.htm

Pokazują jak zrobić zaczepiane tło, ale tak jak wcześniej powiedziałem nie interesuje mnie to. Dla jasności efekt "zaczepianego tła" wiem jak wykonać, rozumiem też że to podstawy paralaksy, ale kompletnie nie wiem jak się zabrać do tego. Nie wymyśliłem nic przez kilka dni więc proszę o pomoc. Proszę o link który prowadzi do strony która dobrze objaśni dany temat, albo jeśli ktoś by chciał mógłby wyjaśnić to w odpowiedzi. Za wszsytkie odpowiedzi dziękuje.

Answer 1

Rozwiązanie kryje się w devtolsach , całe tło jest podzielone na kilka obrazków , każdy obrazek jest przesuwany metodą translate3d na osi Y , dodatkowo użyte jest ratio , w tym przykładzie jest to data-speed , dzięki temu każdy obrazek będzie się wolniej, szybciej przesuwał.

Comments

Dziękuje za szybką odpowiedź oraz proste wytłumaczenie. Zostawiam temat na ciekawsze propozycje dla innych osób mających podobny problem.