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

在线演示 本地下载

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

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

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

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

如何工作

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

    • 选项

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

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

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

    网页题目：使用jQuery和CSS3实现的超炫3D画廊特效
    本文网址：http://www.csdahua.cn/qtweb/news1/319851.html

    网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网

    成都快上网为您推荐相关内容

    App设计知识

    分类信息网

    营销型网站建设　　 　东方电机技改　　 　成都广告制作　　 　中国电信成都枢纽中心　　 　培训网站方案　　 　新津网站运维　　 　租用服务器　　 　达州主机托管　　 　简阳电信服务器托管　　 　雕琢时光　　 　seo优化　　 　时嘉做网站　　 　成都网站建设　　 　网站seo优化　　 　关键词优化排名　　 　IOS开发　　 　四川绵阳主机托管　　 　广汉优化推广　　 　崇州网站建设　　 　成都网站营销推广