元素進入視口時應用CSS過渡

我試圖在元素進入視口時（即用戶滾動到視口時）應用CSS過渡效果，但不是之前。元素進入視口時應用CSS過渡

我已經知道如何使用CSS轉換，但是如何僅在元素進入視口時才應用它們？

這樣做的最好方法是什麼？如果有一些圖書館來簡化任務，我很樂意知道。

2014-01-22 ZeiZei

郵政和示例代碼所做 –

在這裏你去 - https://stackoverflow.com/a/26466655/104380 – vsync

這裏是一個偉大的演示：

滑入（當你向下滾動）盒| CSS技巧http://bit.ly/19NN2NJ
從底部滑入盒子 - CodePen http://bit.ly/1dvNF9U

也許它可以幫助您瞭解點。您可以在演示中看到，Point正在檢測視口並將其應用於屏幕上。如果你需要bug或特定問題的幫助，請發送源代碼:-)，我將解決。

2014-01-22 16:52:21

這裏的另一個 - https://codepen.io/vsync/pen/rwygwq – vsync

給CSS3動畫它一去，使整個過程就像添加幾個clases一樣簡單。

然後，你可以添加類這樣上手。

<div class='animatedParent'> 
<h2 class='animated bounceInDown'>It Works!</h2> 
</div>

2014-07-19 09:07:51 Jack

回答