文件名称:
vue实现数字动态翻牌的效果(开箱即用)
开发工具:
文件大小: 51kb
下载次数: 0
上传时间: 2020-12-13
详细说明:实现效果图
原理
将1~9的数字竖直排版,通过translate移动位置显示不同数字,使用transition控制transform属性有动画效果
技术点
css 属性 writing-mode: vertical-lr,使数字竖直排版
移动 transform: translate(-50%, -40%); y值控制移动至哪个数字
transition 控制transform属性有动画效果
实现代码(注释比较详细,不再赘述)