【【CSS】@keyframesを使用してテキストをチカチカと点滅アニメーションさせる方法のデモページ

.wrap {
  margin: 80px 0 0;
}
.text {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  transition: opacity 0s linear .8s;
  animation: text 0.1s linear .8s 10 normal;
  opacity: 1;
}

@keyframes text {
  0% {
      opacity: 0
  }

  50% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}