基于Vue实现一个旋转木马

237 阅读1分钟

效果展示

demo-effect.gif

实现思路

  1. 首先将轮播项定位到同一个位置。
  2. 求出轮播项的平均旋转角度,使用rotateY来实现旋转。
  3. 计算平均偏移的距离,使用translateZ来实现偏移。
  4. 添加事件监听,处理拖动、点击、按键控制。

代码地址

github.com/Jinming6/ba…