Witam,
chciałbym się zapytać w jaki sposób wykonać pojawienie się obrazków podczas scrollowania strony. Chodzi mi o takie coś jak na tej stronie:
http://company.gamedesire.com/
0
0
proste animacje, polega to na tym, że np. pluginem do jQuery o nazwie waypoints
czekasz na zdarzenie, że dany kontener na treść pojawił się na ekranie po scrollowaniu. wtedy dodajesz kontenerowi klasę np. "widoczny", którą usuwasz, gdy kontener znowu się schowa. a animacja w środku wygląda tak:
.wjazd-z-lewej {
transform: translateX(-100%);
transition: transform 500ms;
}
.widoczny .wjazd-z-lewej {
transform: translateX(0);
}
kod html przyjkładowy:
<section>
<div class=wjazd-z-lewej>ten napis wjedzie z lewej, jeżeli `section` dostanie klase `widoczny`</div>
</section>