Terminal cursor style blinking dash at the end of the element with pure css

terminal-line-cursor-effect.css

.terminal-line-cursor-effect::after {
  content: ' _';
  animation: animate 1.5s linear infinite;
}

@keyframes animate {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}