視差效果的實際應用

在實際開發中，應用一些微交互、視差效果，可以讓頁面更加生動。如下面的例子： 這個例子中運行了3D transform 的相關知識。具體細節如下分析。 1、切圖 將psd稿上的這個區域切成如下圖的3塊圖片，方便在頁面上進行疊加、 2、佈局 給三張圖片設置不一樣的translateZ（translateZ的值越小，元素大小越小，因爲元素遠去，我們眼睛看到的就會變小），這樣三層圖片就形成了遠近的層次效果

>>阅读原文<<