Efekt ruchomego tła Parallax

[Kabatus]

Hej, potrzebuje porady jak zrobić ruchome tło reagujące na kursor takie jak poniżej, z jednym ale:

 

https://manos.malihu.gr/repository/jquery-image-panning/demo/multiple-instances.html

 

Mianowicie, chodzi mi aby to nie było w formie obrazka w kodzie html ale tła w css, powiedzmy mam obszar szerokość 100% wysokość np 500 px, div u góry strony jak slider tylko zamiast slidera właśnie taki efekt. 

[Hagen]

https://www.onextrapixel.com/2014/04/09/create-an-interactive-moving-backgroundobject-that-reacts-to-viewers-cursor/

[joy]

Hagen wszystko pięknie ale mi to demo nie zadziałało pod Chrome.

Tak na szybko to ja bym w jquery odczytywał pozycję kursowa i dla każdego zdarzenia przesuwał fotkę która by była w css jako background cover. Na pewno spokojnie można tak zrobić. Ale to tylko taka koncepcja na szybko i zarys pomysłu.

[kris_goldweb]

Hagen wszystko pięknie ale mi to demo nie zadziałało pod Chrome.

 

 

U mnie działa bez problemu na Chrome

[ZośkaZofia]

Dnia 27.10.2016 o 14:15, Kabatus napisał:

Hej, potrzebuje porady jak zrobić ruchome tło reagujące na kursor takie jak poniżej, z jednym ale:

 

https://manos.malihu.gr/repository/jquery-image-panning/demo/multiple-instances.html

 

Mianowicie, chodzi mi aby to nie było w formie obrazka w kodzie html ale tła w css, powiedzmy mam obszar szerokość 100% wysokość np 500 px, div u góry strony jak slider tylko zamiast slidera właśnie taki efekt. 

 

Jeżeli chcesz, aby obrazek był tłem dodaj w css  do klasy zapis " background-image: url('nazwaobrazka.jpg');"

[Sagitario]

Proszę
https://codepen.io/chrisboon27/pen/rEDIC