Может ли кто-нибудь помочь мне разобраться, как сделать это Javascript?

Question

Я видел этот сайт http://www.montere.it/?lang=en, и мне нравится, как они используют Javascript на своем сайте. Когда вы прокрутите вниз, изображение будет слегка отображаться и переворачиваться. Я так старался найти образец онлайн, но ни один из них не был таким. Или, по крайней мере, кто-нибудь может дать мне сайт, на котором есть коллекция Javascript.

Цените свою помощь.

Answer 1

Я разорвал код анимации CSS прямо из своей страницы

@keyframes flipInY { 
    0% { 
     -webkit-transform:perspective(1000px) rotateY(20deg); 
     -ms-transform:perspective(1000px) rotateY(20deg); 
     transform:perspective(1000px) rotateY(20deg); 
     opacity:0 
    } 
    100% { 
     -webkit-transform:perspective(1000px) rotateY(0deg); 
     -ms-transform:perspective(1000px) rotateY(0deg); 
     transform:perspective(1000px) rotateY(0deg); 
     opacity:1 
    } 
} 
.flipInY { 
    -webkit-backface-visibility:visible !important; 
    -ms-backface-visibility:visible !important; 
    backface-visibility:visible !important; 
    -webkit-animation-name:flipInY; 
    animation-name:flipInY 
} 
.animated { 
    -webkit-animation-duration:.7s; 
    animation-duration:.7s; 
    -webkit-animation-fill-mode:both; 
    animation-fill-mode:both 
} 

Run JSFiddle http://jsfiddle.net/4of7L5aL/4/

В основном, когда пользователь прокручивает, добавьте animated класс к элементу.