Как заставить анимацию CSS воспроизводиться каждые 10 секунд ⇐ CSS

[Anonymous]

У меня есть CSS-анимация, которая повторяется либо бесконечно, либо только определенное время. но я бы хотел воспроизводить это примерно 2 раза каждые 5 секунд.
Вот мой код:

#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% {}
}


Подробнее здесь: https://stackoverflow.com/questions/167 ... 10-seconds