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

在线演示 本地下载

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

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

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

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

如何工作

 
 
 
  1.  
  2.       
  3.           
  4.               
  5.             
    http://www.colazionedamichy.it/
     
  6.           
  7.           
  8.               
  9.           
  10.           
  11.     
 
  •     
  •         <  
  •         >  
  •       
  •  
  • 选项

     
     
     
    1. current     : 0,  
    2. // index of current item  
    3.    
    4. autoplay    : false,  
    5. // slideshow on / off  
    6.    
    7. interval    : 2000  
    8. // time between transitions 

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

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


    分享名称:使用jQuery和CSS3实现的超炫3D画廊特效
    标题链接:http://gydahua.com/article/cohjscc.html
    扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流