How to create blinking or flashing text effects with CSS3

Question

Praveen

Asked: January 1, 20202020-01-01T17:16:10+00:00 2020-01-01T17:16:10+00:00In: CSS

Can anyone tell me how to create blinking or flashing text effects with CSS3

Leave an answer

Harish · Answer 1 · 2020-01-07T02:26:00+00:00

Harish

Hi,

here you have CSS keyframes.

HTML

<span class="flash">Flash</span>

Use below CSS

.text-flash {
  animation: flash 1s linear infinite;
}

@keyframes flash {
  50% {
    opacity: 0;
  }
}