title: How to animate clipping mask on mouse wheel scroll
body: <p>I've created an example that works exactly how I'd like my final result to work, except that instead of occurring on mouse-over I want it to work as a page transition on mouse scroll.</p>
  
  <p>(roll over image to see effect)
  See Example: <a href="http://lgadftp.com/test_mask/" rel="nofollow">http://lgadftp.com/test_mask/</a></p>
  
  <p>I'm basically trying to build a site with just 2 pages which contain just full screen images. I'd like to transition between the two pages with this cool masking circular effect. Any ideas on how I can make it animate the mask when I scroll down and back up?</p>