Efekt na stronie - scroll -> pojawianie obrazków

[MPCTaylor]

Cześć,

 

chciałbym się dowiedzieć, jak zrobić efekt pojawiania się jakichś obrazków podczas scrollowania.

Skrollujemy stronę w dół -> pojawiają się

Skrollujemy stornę w górę -> znikają

 

Tak to wygląda:

CZAS: 1:02:49

FILM: https://youtu.be/clRo9ISlKKw?t=1h2m49s

 

Jaki to język i jak to wykonać? Jestem bardzo ciekawy.

[WiPeKKK]

http://scrollme.nckprsn.com/

[MPCTaylor]

Jaki dokładnie plik mam pobrać i co z nim zrobić? Gdzieś przerzucić, zainstalować, czy jak?

Byłoby bardzo miło otrzymać taką odpowiedź.

 

@WiPeKKK

[Burned123]

Lub za pomocą JavaScriptu robisz tak, że w chwili gdy dany div bedzie "na widoku" dodajesz mu klasę, która posiada styl z pełną widocznościa i za pomocą animacji robisz różne efekty, to samo kiedy div jest po za obszarem widoku wtedy dodajesz klase, która będzie "chować" go.­

[MPCTaylor]

A mógłbyś powiedzieć, jak użyć scrollme? Bo jest tam kilka plików, a nie widzę jakiejś instrukcji, gdzie to przekopiować.

Lub gdybyś powiedział, jak wygląda właśnie div na widoku w css. Bo najechany to class:hover, a na widoku?

Oraz te animacje, jakie mogą być?

@Burned123

[Vertoi]

A mógłbyś powiedzieć, jak użyć scrollme? Bo jest tam kilka plików, a nie widzę jakiejś instrukcji, gdzie to przekopiować.

Lub gdybyś powiedział, jak wygląda właśnie div na widoku w css. Bo najechany to class:hover, a na widoku?

Oraz te animacje, jakie mogą być?

@Burned123

uzyj tego co podal @WiPeKKK , kolega wyzej trolluje.

 

tak sie tego uzywa:

 

 

 

includujesz jquery i plik jquery.scrollme.min.js i wklepujesz kod:

 

<div class="scrollme">
<div
class="animateme"
data-when="enter"
data-from="0.5"
data-to="0"
data-opacity="0"
data-translatex="-200"
data-rotatez="90"
>
Yup, that's all.
</div>
</div>

 

 

przyklad jest tu: http://codepen.io/nckprsn/pen/IGpmc