Smooth Page Transition on Mobile Devices within Single HTML Page

While exploring the CSS3 transitions and animations, I found them much helpful for the smooth page transitions for mobile devices. Let’s see how can we achieve this.

Basic HTML: This is the basic html that will hold the divs that will act like a page. So all the pages are finally rendered into this container.

<body>
<div id=”mainContainer”></div>
</body>

Templates Used: These templates are loaded when you click on the links to navigate between pages.

Continue reading