CSS animations - blinking text

If you want to make some text like this:

Just put this code in your styles:

.ct-animate-blink {
   animation: blink 1.5s infinite;
   animation-fill-mode: both;
   }

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

What we did? We created animation with blink name and set duration for 1.5s. The animation will be played infinitely (see the infinite parameter).

Next we set the keyframes (from 0% to 100%) and opacity (from 0 to one, and back to 0).

It would be great if you will comment or follow me on social media:

Also you can visit my websites:

• Linux blog
• Web Agency website