用CSS一分钟写出打字动画

HTML

 <div>没有空白的人生，永远都不会有心灵的宁静和精神的愉悦。</div>

CSS3

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
div {
  width: 390px;
  animation: typing 2s steps(26),blink .5s step-end infinite;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-size: 15px;
  margin:300px auto;
}
@keyframes typing {
  from {
    width: 0;
  }
}
@keyframes blink {
  50% {
    border-color: transparent;

  }
}