text animation fancy text css part

 * {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

body {

  background: black;

}

h1 {

  color: white;

  font-size: 4rem;

  font-family: sans-serif;

  text-align: center;

  line-height: 100vh;

}

span {

  opacity: 0;

  transition: all 0.5s ease;

  transform: translateY(50px);

  display: inline-block;

}

span.fade {

  opacity: 1;

  color: ;

}