通过大牛张鑫旭的分享理解css 3D图片轮播效果 http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/
其实3D图片轮播就是将所有图片摆弄成一个立体的对象 然后进行旋转。
思路是:所有图片在一个容器内,设置图片的position为absolute,则所有图片将共用一个中心点。将容器旋转,即所有图片绕着共同中心点旋转,产生轮播效果。但是这里要注意将图片摆弄成一个3D对象,不然就会挤在一块。
图片3D对象实现:
1、首先,需要设置perspective属性才能实现我们想要的3D效果。其w3school的定义如下: