title: Split/reveal image with css translate-y on scroll
body: <p>I would like to achieve the effect where one image is revealed over the other when scrolling the page. </p>
  
  <p>You can see an example on <a href="http://livearealabs.com/" rel="nofollow">livearealabs.com</a> (new york / seattle). Does anybody know how to create it using CSS3?</p>