[text animation] blinking text

by naocrrds

HTML

<style>
  p3 {
    color: #000000;
    animation: blinkingText 1.2s infinite;
    margin: auto;
    font-size: 2rem;
    font-family: sant joan;
  }

  @keyframes blinkingText {
    0% {
      color: #000000;
    }

    49% {
      color: #000000;
    }

    60% {
      color: white;
    }

    99% {
      color: white;
    }

    100% {
      color: #000000;
    }
  }

</style>

  <p3>blinking text</p3>