大屏数字滚动翻转效果来源于最近工作中element后台管理页面一张大屏的UI图，该UI图上有一个模块需要有数字往上翻动的效果。本文通过截图代码的形式给大家介绍Vue.js实现大屏数字滚动翻转效果，感兴趣的朋友一起看看吧

大屏数字滚动翻转效果来源于最近工作中element后台管理页面一张大屏的UI图，该UI图上有一个模块需要有数字往上翻动的效果，以下是最终实现的效果： 整体思路： 在实现此效果之前，我们先来捋一下思路，用思维导图来设计一下我们的实现步骤，如下： 你可以审查元素，下载数字背景图片，复制图片地址，或者使用其他背景图片、背景颜色 有了以上的设计流程，我们先来简单实现一下： // CSS代码 .box-item { position: relative; display: inline-bl