css3翻牌翻数字的示例代码

今天接到公司一任务,效果图如下: 没有具体说做什么效果,但是想着纯数字转换太简单了,然后就顺手做了一个翻牌的效果。 效果预览,新窗口打开:https://codepen.io/andy-js/pen/ExaGxaL 首先做一些页面布局: body{background: #000;} ul{ list-style: none; margin:100px 0; display: flex; justify-content:center; line-height: 56