可視化項目序列3D翻牌動效實現

一、背景： 在最近的數據看板可視化項目中，需要實現人員信息卡片序列翻動的動效，本文主要介紹該動效的實現原理和過程。 二、實現思路： 1.要想實現雙面翻轉，首先需要定義一個3D盒子； 2.3D盒子中正反重合放置兩張卡片，均正面朝外； 3.利用CSS旋轉動效實現3D盒子的翻轉； 4.序列化翻轉需要設置時間差。 三、實現過程： 1.定義3D dom，包含3D容器，相對容器，正面卡牌，反面卡牌   2.樣

>>阅读原文<<