千锋前端浠浠呀老师HTML+CSS教程，零基础web前端开发入门必看视频

 /* 添加动画 */

        /*animation-name: big;*/

        /* 添加动画时间 */

        /*animation-duration: 2s;*/

        /* 设置动画延迟 */

        /* animation-delay: 2s; */

        /* 设置时间曲线 */

        /* animation-timing-function: linear; */

        /* 设置动画完成的次数 */

        /* animation-iteration-count: infinite; */

        /* ========================================================infinite: 无限循环 */

        /* 修改动画的播放方向 */

        animation-direction: alternate;

        /* 属性值:

            normal:默认值

            reverse:反向播放

            alternate:奇数次正向，偶数次反向

            /* ==================================================================重要 */

        /*alternate-reverse:奇数次反向，偶数次正向 */

        /* 设置动画时间之外的样式  */

        /* animation-fill-mode: both; */

        /* 属性值: forwards:当动画运动完之后，保留最后一顿的样式

        backwards:动画开始之前，保留第一顿的样式

        both:保留两者 */