深入学习之动画

 /*事先的把运动的轨迹在CSS中都设置完成了，所以轨迹不能在JS中在进行计算在设置轨迹：transition一般用于JS动态计算和操作动画，而animation一般都实现固定的运动动画*/

        @-webkit-keyframes myMove {

            0%, 50%, 100% {

                top: 0;

            }

            25% {

                -webkit-transform: translate(0, -100px);

                transform: translate(0, -100px);

            }

            75% {

                -webkit-transform: translate(0, 100px);

                transform: translate(0, 100px);

            }

        }