title: how to make CSS animation to play every 10 seconds
body: <p>I have a css animation, which it either repeat infinite or only a certain times. but I would like to play it like 2 times every 5 seconds.
  Here is my code:</p>
  
  <pre><code>    #countText{
      -webkit-animation-name: color2;
      -webkit-animation-duration: 1s;
      -webkit-animation-iteration-count: 2;
      -webkit-animation-timing-function: linear;
      -webkit-animation-delay: 5s;
  }
  @-webkit-keyframes color2 {
          0% { }
          25% { text-shadow:-2px -5px 10px #fb0017, -5px 0px 10px #3a00cd, -5px 5px 10px #00ff3a}
          50% { }
          75% { text-shadow:2px 5px 10px #fb0017, 5px 0px 10px #3a00cd, 5px -5px 10px #00ff3a; }
          100% {}
  }
  </code></pre>