打字效果

<p>前天看到了小兔子，昨天是小鹿，今天是你</p>

p {
  width: 19em;
  font-size: 18px;
  color: #ffb8c4ff;
  overflow: hidden;
  user-select: none;
  white-space: nowrap;
  border-right: 0.2em solid transparent; /* 空出与文本的间距 */
  animation: typing 5s steps(19, end), blink-caret 0.75s step-end infinite;
}

@keyframes typing {
  from {
    width: 0;
  }
}

@keyframes blink-caret {
  to {
    box-shadow: 0.1em 0 0 0 transparent;
  }
  50% {
    box-shadow: 0.1em 0 0 0;
  }
}