任何人都可以幫我弄清楚如何做到這一點的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 
} 

運行的jsfiddle http://jsfiddle.net/4of7L5aL/4/

基本上當用戶滾動，你animated類添加到元素。