网页抽奖转盘运用相对广泛，实现抽奖转盘的方法很多，本日呢就讲一种事理最大略、最随意马虎实现的方法。
思路剖析：这里实现抽奖转盘利用的是CSS动画，首先须要做一张抽奖转盘的那个盘面图，如下图所示（这里用的AI绘制的，不会的小伙伴直接把这张图保存即可）
然后在图的中央加入一个圆形按钮并在按钮下面加入一个指针，点击一次旋转图片（CSS动画实行旋转），再次点击停滞，即实现了抽奖转盘效果
参考代码：
内容部分：
样式部分：
JS部分：
实际效果：
对前端感兴趣的小伙伴记得关注小编，每天都会更新前真个一些小技巧。没点赞的小伙伴记得点赞收藏哦，感激大家！