2016-02-29 45 views
0

所以我用CSS3動畫播放:http://jackonthe.net/css3animateitCSS3動畫動畫它之前的對象是在視口中

我跟着他們的指示,但是孩子們動畫它們在視口中之前。這只是我還是我需要某個元標記?

感謝

,所以我要求我的代碼,這就是:

<div class="tile one-half imageparent"> 
    <img src="images/iphone6.jpg" class="animated fadeInUp go"/> 
</div> 
+1

只有把一些代碼,這裏的人們將能夠幫到您: – Teknotica

+0

animate.css是做什麼的預期吧。它不會神奇地知道什麼時候開始動畫,它只是在元素被加載時執行。如果你想讓它響應視口,那麼你需要寫一些js來做,或者你可以使用像[wowjs](http://mynameismatthieu.com/WOW/docs.html)這樣的東西來做到這一點。 –

+0

我明白,但是這個人提供了js,這樣css在到達視口時就會發生。 –

回答

0

你可以試試它的數據出現頂部偏移屬性。

<div class="tile one-half imageparent" data-appear-top-offset='-300'> 
    <img src="images/iphone6.jpg" class="animated fadeInUp go"/> 
</div> 

這裏還檢出其他選項:http://jackonthe.net/css3animateit/