——@keyframes 是css3的一个规则，用来定义一个运动的每个桢的位置，大小颜色等；
然后run-right-right就是这个动画特性的名字，很好理解；然后0%就是开始的时候的left值；transform: scale(0.7);变小0.7；时间到100%时 left值变大到600px的位置，然后变小到0.45；（这里的位置，大小都是相对于初始设置的ball类里面的值）
打开网站就看到如下的界面；你可以自己调解运动曲线；我自己选了个向上做加速的曲线；然后复制cubic-bezier()值就是可以了。
forwards：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。简单说就是定格在最后100%的样子；
backwards：在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。就是定格在0%时候的样子
