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:
Top comments (0)