I have following code, for which I want to use CSS3 Page Transitions. I found tutorial here, http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/

How to use different Page Transitions?

<ul id="nav">
    <li><a href="#home" class="home">Home</a></li>
    <li><a href="#about" class="about">About</a></li>
    <li><a href="#works" class="works">Works</a></li>
    <li><a href="#contact" class="contact">Contact</a></li>

<div id="home"><h1>Home</h1></div>
<div id="about"><h1>About</h1></div>
<div id="works"><h1>Works</h1></div>
<div id="contact"><h1>Contact</h1></div>

Recommended Answers

All 2 Replies

Are you using the code from the demo? If so you actually need to follow the tutorial.

Things like:

<div id="pt-main" class="pt-perspective">
    <div class="pt-page pt-page-1"> PAGE </div>
    <div class="pt-page pt-page-2"> PAGE </div>

All need to be correct and checked first


Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.