Waypoint + CSS Animation
This uses Waypoint
Scroll down the page for 9 Waypoint + CSS animation examples
1. Fade in and up (from the bottom) at 50% of the screen
2. Fade in and left (from the right) at 50% of the screen
3. Fade in and right (from the left) at 50% of the screen
4. Move up (from the bottom) at 50% of the screen
5. Move left (from the right) at 50% of the screen
6. Move right (from the left) at 50% of the screen
7. Fade in and up (from the bottom) at 250px of the screen, 2s duration, 4s delay
8. Fade in and left (from the right) at 75% of the screen, 4s duration
9. Fade in and right (from the left) at 50% of the screen, 2s delay, 2s duration
25%
50%
75%
100px
500px
750px