CSSではじめ数秒点滅させ、後は通常表示させたいです。

お世話になります。

下記コードのように点滅させようとしているのですが、点滅した後にすぐ消えてしまいます。
この点滅設定の後に表示させるようにするにはどのように処理をしたら良いでしょうか？

<div class="light_box"></div>

//widthとheightは別途つけてあります

.light_box{
  opacity: 0;
  animation: flash 0.2s 3 linear;
}

@keyframes flash {
  50% {
      opacity: 1;
  }
}

点滅後の処理について、調べても見つからずご教示頂けると幸いです。
お手数ですがよろしくお願いいたします。