Hello guys :smiling: decided to drop some helpful codes, below is a code to make a blinking text effect. [html] .blink { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; }
@keyframes blink-animation { to { visibility: hidden; } }
@-webkit-keyframes blink-animation { to { visibility: hidden; } } [/html]
In the code above, when you add a text to a 'div' element with '[bold]blink[/bold]' as it's 'id', the text will go on and off in the space of just one second, you can also set the duration of the animation to the one that suits you in the CSS code.
![](https://cdn.wapka.org/00b9eq/749bafa20883bdfabbb8e04732fccfe4/img_20231211_104126_151.jpg)
Share This Thread:
How to create a blinking effect using CSS animation |