超酷Tab选项卡式页面切换特效

<!-- Home -->

<div id="home" class="content">

    <h2>Home</h2>

    <p>Some content</p>

    <!-- ... -->

</div>

<!-- /Home -->

<!-- Portfolio -->

<div id="portfolio" class="panel">

    <div class="content">

        <h2>Portfolio</h2>

        <p>Some content</p>

        <!-- ... -->

    </div>

</div>

<!-- /Portfolio -->

<!-- About -->

<div id="about" class="panel">

    <div class="content">

        <h2>About</h2>

        <p>Some content</p>

        <!-- ... -->

    </div>

</div>

<!-- /About -->

<!-- Contact -->

<div id="contact" class="panel">

    <div class="content">

        <h2>Contact</h2>

        <p>Some content</p>

        <!-- ... -->

    </div>

</div>

<!-- /Contact -->

<!-- Header with Navigation -->

<div id="header">

    <h1>Page Transitions with CSS3</h1>

    <ul id="navigation">

        <li><a id="link-home" href="#home">Home</a></li>

        <li><a id="link-portfolio" href="#portfolio">Portfolio</a></li>

        <li><a id="link-about" href="#about">About Me</a></li>

        <li><a id="link-contact" href="#contact">Contact</a></li>

    </ul>

</div>