Frontend Portal

<p class="text">

    <span style="--d: 0s;">Lorem ipsum dolor sit amet.</span>

    <span style="--d: .1s;">Lorem ipsum dolor sit amet.</span>

    <span style="--d: .2s;">Lorem ipsum dolor sit amet.</span>

</p>

.text span {

  display: block;

  opacity: 0;

  animation: reveal 0.5s forwards var(--d);

}



@keyframes reveal {

  from {

    transform: translateY(20px);

  }



  to {

    opacity: 1;

    transform: none;

  }

}