transform: translate3d(300px, 0, 0) rotateY(-15deg) rotateX(-15deg) rotateZ(-15deg);

x轴偏移300px xyz三个轴线各旋转-15度
rotateX 沿着屏幕横向轴旋转

rotateY 沿着屏幕竖直方向轴旋转

rotateZ 沿着屏幕垂直方向轴旋转

transform-style: preserve-3d;

让转换的子元素保留3D转换:

transform-origin: 0% 50%;

旋转中心 x轴起始点 y轴50%位置

详情可参考 http://www.cnblogs.com/xiaohuochai/p/5351477.html#anchor5

相关文章: