jQuery和CSS3打造的3D炫酷特效

今天我們分享一款使用jQuery和CSS3實作的3D環廊展示特效，這個3D特效使用CSS3的3D變化特性實作，簡單而非常華麗，希望大家喜歡!

　　使用3D變化，通過将它們放置于一個三維空間，我們可以讓很簡單元素變得更加有活力，同時使用CSS的過渡效果，這些元素可以很容易的移動到3D空間中，并且建立一個非常真實的效果。

　　主要的想法是建立一個輪播式的畫廊，我們可以将一個圖檔放置在中間，旁邊放置兩個圖檔。因為我們使用不同的角度，是以看起來兩張旁邊的圖檔好像被設定在一個3D空間中，然後我們旋轉它們。

　　注意：這裡的效果需要你的浏覽器支援3D變化效果

　　如何工作

<section id="dg-container" class="dg-container">

    <div class="dg-wrapper">

        <a href="#">

            <img src="images/1.jpg" alt="image01">

            <div>http://www.colazionedamichy.it/</div>

        </a>

            <!-- ... -->

        <!-- ... -->

    </div>

    <nav>

        <span class="dg-prev"><</span>

        <span class="dg-next">></span>

    </nav>

</section>

current     : 0,

// index of current item

autoplay    : false,

// slideshow on / off

interval    : 2000

// time between transitions

     本地下載下傳：

<a href="http://www.gbin1.com/technology/jquerytutorial/20120223gallery3dwithcss3andjquery/download.html">http://www.gbin1.com/technology/jquerytutorial/20120223gallery3dwithcss3andjquery/download.html</a>

本文轉自 wws5201985 51CTO部落格，原文連結：http://blog.51cto.com/wws5201985/789454，如需轉載請自行聯系原作者