title: CSS3 - Display an element after a few seconds
body: <p>I'm using a pure CSS3 AJAX loader animation, however, I'm hoping to modify it a little.  </p>
  
  <p>Currently it just spins several balls in a circle, however, I'd like to display a message after about 30 seconds to please continue waiting and after about 60 seconds display another message that things might have failed.  </p>
  
  <p>Is it possible to accomplish this with pure CSS3?  Or would JavaScript be required to get this done?</p>