Animated Page Transition – CSS powered animation (Tutorial)

      

This is a CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax.

The idea come from replacing the refresh of a web page with an animation, that takes place while the new page content is loaded using Ajax.

basic load() function has been impelemented to upload new content, but you may want to replace it with, for example, a $.ajax call in order to handle errors, etc.

animated-page-transition-featured

Demo    Source