视差效果的实际应用

在实际开发中，应用一些微交互、视差效果，可以让页面更加生动。如下面的例子： 这个例子中运行了3D transform 的相关知识。具体细节如下分析。 1、切图 将psd稿上的这个区域切成如下图的3块图片，方便在页面上进行叠加、 2、布局 给三张图片设置不一样的translateZ（translateZ的值越小，元素大小越小，因为元素远去，我们眼睛看到的就会变小），这样三层图片就形成了远近的层次效果

>>阅读原文<<