首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

施用jQuery和CSS3实现的超炫3D画廊特效

2012-09-02 
使用jQuery和CSS3实现的超炫3D画廊特效日期:2012/02/23? 来源:GBin1.com在线演示? 本地下载 今天我们分享

使用jQuery和CSS3实现的超炫3D画廊特效

日期:2012/02/23? 来源:GBin1.com

施用jQuery和CSS3实现的超炫3D画廊特效

在线演示? 本地下载

今天我们分享一款使用jQuery和CSS3实现的3D环廊展示特效,这个3D特效使用CSS3的3D变化特性实现,简单而非常华丽,希望大家喜欢!

使用3D变化,通过将它们放置于一个三维空间,我们可以让很简单元素变得更加有活力,同时使用CSS的过渡效果,这些元素可以很容易的移动到3D空间中,并且创建一个非常真实的效果。

主要的想法是创建一个轮播式的画廊,我们可以将一个图片放置在中间,旁边放置两个图片。因为我们使用不同的角度,所以看起来两张旁边的图片好像被设置在一个3D空间中,然后我们旋转它们。

注意:这里的效果需要你的浏览器支持3D变化效果

如何工作//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
全部代码请参考在线演示.

热点排行