Blink effect - simple

by Julien Roche

HTML

<div class="element-to-blink">|</div>

CSS

.element-to-blink {
  animation: 1s ease infinite reverse blink;
  color: #09b507;
  font-size: 5rem;
  font-weight: bold;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  
  50% {
    opacity: 0;
  }
  
  100% {
    opacity: 1;
  }
}