JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myNameDisplayBlock">
abc
</div>

CSS

.myNameDisplayBlock::after {
  content: "|";
  margin-left: 5px;
  animation: blinkArrow 0.7s infinite;
}

@keyframes blinkArrow {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}