今天接到公司的任务，效果图如下：没有具体说要做什么效果，就是觉得纯数字转换太简单了，然后就做了一个flop效果。效果预览，新窗口打开：https://codepen.io/andy-js/pen/ExaGxaL首先做一些页面布局：
body{background:#000;}ul{list-style:没有任何;保证金：100px0;显示：弹性；证明内容：居中；行高：56px；高度：56px；字体大小：39.6px；颜色：#FFFFFF；}li{高度：56px;边距：010px；背景：无；宽度：16px；位置：相对；}.num{宽度：46px；变换样式：保留3d；视角：1000px；;过渡：1秒轻松；}p{高度：56px;宽度：46px；文本对齐：居中；背景：#EC2C5C；边界半径：2.57px；变换：scalex(-1)translateZ(-1px);然后通过动态插入，模拟出这样的效果。transition制作的动画通过transform:rotateY翻转。翻转前，先将另一个数scalex左右镜像，然后translateZ(-1px)移动到另一个数上，翻过来可以看到镜像的数不是很完美，还有很多地方可以加以改进。整个代码如下：
