title: How to animate images on page scroll?
body: <p>I have a page where I have few images. I would like to know how to animate images as a user scrolls down the page and the images become visible? Take a look at this page: <a href="http://www.elegantthemes.com/demo/?theme=Divi" rel="nofollow">http://www.elegantthemes.com/demo/?theme=Divi</a></p>
  
  <p>As you scroll down, each image animates - (fall down, slide in) + Fade. What is this effect called and how it can be achieved? Can it be done with pure CSS3 or JS is also required?</p>
  
  <p>Thanks.</p>