自制vue版本的数字翻牌器，运用css动画transition属性，数字从0到9，并添加.来保留小数位，js获取数字到顶部的距离进行滚动，

主要介绍了vue实现数字动态翻牌的效果（开箱即用）,实现原理是激将1到9的数字竖直排版，通过translate移动位置显示不同数字，本文通过实例代码讲解，需要的朋友可以参考下

实现效果图 原理 将1~9的数字竖直排版，通过translate移动位置显示不同数字，使用transition控制transform属性有动画效果 技术点 css 属性 writing-mode: vertical-lr，使数字竖直排版 移动  transform: translate(-50%, -40%); y值控制移动至哪个数字 transition  控制transform属性有动画效果 实现代码（注释比较详细，不再赘述） <!-- * Author: mat