最近接到一个项目，动画看起来有点3D效果，但是不知道如何实现
想起之前swiper插件中有cube的效果
于是决定看看swiper源码是如何实现的

preserve-3d和perspective

效果主要使用到这两个属性
学习链接参考 http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/

transform(X,Y,Z)

平时只用到transformX和transformY做变换,在3D效果中需要用到Z轴的变换

效果

本文地址： http://gehaiqing.com/2016/08/30/css-preserve-3d/