效果展示
手机扫描二维码体验效果：
效果图如下：
源码下载：http://hovertree.com/h/bjaf/0qmul8gc.htm
代码如下：
doctype html>html>head> meta charset=utf-8 />meta name=viewport content=width=device-width, initial-scale=1 /> title>css-3d旋转相册_何问起title>base target=_blank /> link rel=stylesheet href=http://hovertree.com/texiao/css3/34/hovertree.css />head>body> div class=hovertreeinfo> h2>何问起css-3d旋转相册h2>请把光标移到立方体上面，或者点击图片。input type=button value=还原 />div> div class=wrap> div class=cube> div class=out_front> img src=http://hovertree.com/hvtimg/bjafjg/p1n3aebo.jpg class=pic /> div> div class=out_back> img src=http://hovertree.com/hvtimg/bjafjg/6omilcpi.png class=pic /> div> div class=out_left> img src=http://hovertree.com/hvtimg/bjafjg/7ciu9jqt.jpg class=pic /> div> div class=out_right> img src=http://hovertree.com/hvtimg/bjafjg/x9h3ho61.jpg class=pic /> div> div class=out_top> img src=http://hovertree.com/hvtimg/bjafjg/1rysrqvg.jpg class=pic /> div> div class=out_bottom> img src=http://hovertree.com/hvtimg/bjafjg/nre7yne5.jpg class=pic /> div> span class=in_front> img src=http://hovertree.com/hvtimg/bjafjg/wctv4yie.jpg class=in_pic /> span> span class=in_back> img src=http://hovertree.com/hvtimg/bjafjg/d1w0ani7.jpg class=in_pic /> span> span class=in_left> img src=http://hovertree.com/hvtimg/bjafjg/dys40n99.jpg class=in_pic /> span> span class=in_right> img src=http://hovertree.com/hvtimg/bjafjg/6sqnrrgc.jpg class=in_pic /> span> span class=in_top> img src=http://hovertree.com/hvtimg/bjafjg/o73nrdo4.jpg class=in_pic /> span> span class=in_bottom> img src=http://hovertree.com/hvtimg/bjafjg/gq0yvbe0.jpg class=in_pic /> span> div> div> div class=hovertreeinfo>a href=http://hovertree.com>何问起a>a href=http://hovertree.com/menu/texiao/>网页特效a> a href=http://hovertree.com/h/bjaf/ysr2o1du.htm>代码说明a> br /> 手机扫描下面二维码：br /> img src=http://hovertree.com/hvtimg/bjafjg/v8udjl8o.png alt=二维码/> div>body>html>
推荐：http://hovertree.com/h/bjaf/komyoiki.htm
转自：http://hovertree.com/h/bjaf/ysr2o1du.htm
更多特效：http://www.cnblogs.com/jihua/p/webfront.html
胖子开会(打一城市名)