CSS `blink` - imitating homonymous HTML tag
2018-06-13

2018-06-14 08:41:50 CSS,EN

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:


Diese Website verwendet Cookies, um Ihnen den bestmöglichen Service zu gewährleisten. Weiterführende Informationen finden Sie in unserer Datenschutzerklärung. Klicken Sie in die nachfolgende Checkbox um Cookies zu akzeptieren. Bestätigen Sie anschließend durch Klick auf "Speichern".