animation中的steps()逐帧动画

   .sec {
      animation: startMask .8s steps(29) both 1;
    }
  @keyframes startMask {
     feom {
        -webkit-mask-position:0 0% ;
      }
      to {
        -webkit-mask-position:0 100% ;
      }
    }

steps(29):表示动画的状态从0%到100%经历29步。