可视化项目序列3D翻牌动效实现

一、背景： 在最近的数据看板可视化项目中，需要实现人员信息卡片序列翻动的动效，本文主要介绍该动效的实现原理和过程。 二、实现思路： 1.要想实现双面翻转，首先需要定义一个3D盒子； 2.3D盒子中正反重合放置两张卡片，均正面朝外； 3.利用CSS旋转动效实现3D盒子的翻转； 4.序列化翻转需要设置时间差。 三、实现过程： 1.定义3D dom，包含3D容器，相对容器，正面卡牌，反面卡牌   2.样

>>阅读原文<<