https://store.snapchat.com/

I found out that he will first write
and then write the word
. How can this be realized? Have you ever experienced jquery?

charge

.ba {
    animation: anm_img_1  5s forwards;
    -webkit-animation: anm_img_1 5s forwards;
    width: 247px;
}

@keyframes anm_img_1
{
  0%, 25% {
    opacity: 0;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
  }
  30%, 45% {
    opacity: 1;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
  }
  50% {
    opacity: 1;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
  }
  100% {
    position: absolute;
    top:-50px;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    opacity: 1;
  }
}

<div class="transform50">
  <img class="ba" src="images/chatgether01.png">
</div>

I am still different from him like this.
where is it?

really beats me