1.利用图表中的饼状图以及文本框，做一个抽奖的转盘。绘制一个箭头，用来抽奖。
2.给转盘添加一个“陀螺旋”的动画，然后设置动画的开始方式为“上一动画之后”，期间设置为非常快，重复设置为直到下一次单击。
3.放映幻灯片，开始转动后使用Ctrl+P键来暂停动画达到抽奖的效果。
具体的方法步骤可以参照下面的百度经验教程:
https://jingyan.baidu.com/article/0bc808fc5f2cb61bd485b990.html
和平精英抽奖左下角有个跳过动画，勾选就可以跳过了即可。因为抽奖时时间漫长，所以有会有人过于急切，官方更新游戏时把抽奖的改了一下，你抽奖时可以看抽奖的画面或者不看，而且官方在更新时在公吿里也写了，随便在周围点一下就可以跳过了，还有一些人是一个悠哉的，如果不急切，就可以看完。
和平精英游戏简介
国产手游和平精英，是由腾讯光子工作室制作的反恐军事竞赛体验类型的国产手游，该游戏于2019年5月8日正式公测。2021年11月，和平精英入选入选杭州2022年亚运会的电竞项目。
和平精英采用虚幻4引擎研发，沿袭端游绝地求生 的玩法，以及前作绝地求生刺激战场与绝地求生全军出击的运营模式，致力于从画面、地图、射击手感等多个层面，为玩家全方位打造出极具真实感的军事竞赛体验。
感觉自己总是混淆css各种动画效果，所以再这里总结一下
1. transition ，所在元素块样式变动时启动，可用于样式变动时 产生过渡动画效果
| transition-property | 规定设置过渡效果的 CSS 属性的名称。 |
| transition-duration | 规定完成过渡效果需要多少秒或毫秒。 |
| transition-timing-function | 规定速度效果的速度曲线。 |
| transition-delay | 定义过渡效果何时开始。 |
2. tranform :用于平移，旋转，缩放，透视
语法
animation-name 规定需要绑定到选择器的 keyframe 名称。
animation-duration规定完成动画所花费的时间，以秒或毫秒计。
animation-timing-function规定动画的速度曲线。
animation-delay规定在动画开始之前的延迟。
animation-iteration-count规定动画应该播放的次数。
animation-direction规定是否应该轮流反向播放动画。
animationname 必需。定义动画的名称。
keyframes-selector 必需。动画时长的百分比。值：0-100%,from（与 0% 相同）,to（与 100% 相同）
css-styles 必需。一个或多个合法的 CSS 样式属性。
4.@media :可以根据屏幕大小响应式改变样式
接下来利用transition和transfrom实现一个简单的翻牌效果,先看效果
