怎么用jQuery和CSS3实现的炫酷3D画廊特效

本篇内容主要讲解“怎么用jQuery和CSS3实现的炫酷3D画廊特效”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么用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>          <a href="#">              <!-- ... -->          </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

全部代码请参考在线演示.

原文：http://www.cnblogs.com/gbin1/archive/2012/02/23/2365879.html

到此，相信大家对“怎么用jQuery和CSS3实现的炫酷3D画廊特效”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！