title: CSS Animation on load and before redirect
body: <p>I'm currently working on a HTML5 mobile platform and I have a landing page for my application which is tiled and is laid out as four equally sized tiles (divs) on the screen</p>
  
  <p>I've been messing around with CSS3 animation all afternoon and I've found something which I think can be of use if I can figure out the logistics around using it (http://daneden.me/animate/).</p>
  
  <p>What I'm trying to achieve is having the landing page tiles run the "bounce in" animation as the user logs in and is redirected to the landing page, to give the effect of the tiles loading in with the user.</p>
  
  <p>Secondly, when a user clicks on a particular tile, I want that tile to run "bounce out" and then do a redirect to the page the user specified.</p>
  
  <p>It's worth mentioning I'm currently using JQuery mobile for some other functionality but I can't quite get this to work and I'm not sure if there is a smoother, more lightweight method of achieving this as I'm currently experimenting with the CSS animation delay property to no aveil.</p>
  
  <p>Any advice or suggestions are much appreciated.</p>