摘要： 核心内容： 1.CSS3 中 animation、perspective 属性的熟练运用。 2.CSS3 中的变形属性 transform，在 3D 立体效果中的运用。 3.3D 立方体旋转实现原理。 实例： 创建大小两个盒子，小盒子放在大盒子里面，通过3D立体定位调整各自的位置，呈现一个立方体的现 阅读全文

摘要： 基本原理： 1.首先我们需要让图片能旋转的效果，我们让所有图片绝对定位(position:absolute),共用一个中心点。 2.对于舞台我们加一个视距，比如下面的demo是 perspective: 800px; 3.对于容器 我们可以加一个3D视图 transform-style: prese 阅读全文

摘要： transformZ()函数做了一个在Z轴移动的工作，3D空间中，Z轴垂直于x-y所在平面-也就是界面所在的平面，而我们的视角正好垂直于xy平面，所以进行transformZ() 3D缩放，其实在我们的视角中是一个在远离X-Y平面与接近X-Y平面的过程，当其值为0可以理解为就在x-y平面上；当其为正 阅读全文