施用jQuery和CSS3实现的超炫3D画廊特效
日期：2014-05-17 浏览次数：20757 次
使用jQuery和CSS3实现的超炫3D画廊特效
全部代码请参考在线演示.
日期：2012/02/23? 来源:GBin1.com
在线演示 ? 本地下载
今天我们分享一款使用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
全部代码请参考在线演示.
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
