帧动画

    @keyframes name{
        from,10%{}
        to{}
    }

    animation:name 2s infinite;
    animation-name // 动画名称（见名知意）
    animation-duration // 动画时间
    animation-iteration-count // 动画次数：infinite

    animation-delay // 动画延迟（连续动画时使用）
    animation-fill-mode // 动画播放开始和结束的时候是否停留在第一帧和最后一帧
    animation-direction // 动画的方向
    animation-play-state // 动画状态： paused running
    animation-timing-function // 速度曲线