CSS `blink` - imitating homonymous HTML tag

2018-06-13 00:00:00 IN1 , 2023-04-10 14:16:29 IN1


In case you miss the HTML tag <blink>, but would like to have such a blinking effect: You can also do this with CSS. And here is how.

CSS

@keyframes          blink-animation {to {visibility: hidden;}}
.blink {animation:  blink-animation 1s steps(5, start) infinite;}

Usage

<div class="blink">
    i will blink !
</div>

And this is how it looks like:

This website uses Cookies to provide you with the best possible service. Please see our Privacy Policy for more information. Click the check box below to accept cookies. Then confirm with a click on "Save".