ループ "フラッシュ"アニメーションを3回、その後5秒間遅らせ、Animate.cssで再度ループする - html、css、animation、css-animations

本当に "フラッシュ"機能を設定しようとするとAnimate.cssの外観が本当に好きです。

余分なクラス（.promptflash）を追加しました。

どのように3回フラッシュを実行してから5秒間遅延させ、ループを3回繰り返してから遅延を繰り返すことができますか？

また、最初のフラッシュアニメーションを少し遅くするのは、デフォルトでは非常に速く点滅します

Animate.CSS - 機能のリスト

.promptflash {
animation: 0.3s infinite;
animation-delay: 2s;
}

回答：

ここにあなたは働いている jsfiddle それのために。どのようにしてそれを作ることができるかを示すために、-webkitと-mozという接頭辞が付いていません。

.flash {
-webkit-animation-name: move;
animation-name: move;
animation-duration:6s;

}

@keyframes move{
0% { opacity: 0;}
5% { opacity: 1;}
10% { opacity: 0;}
15% { opacity: 1;}
20% { opacity: 0;}
25% { opacity: 1;}
}