<blink> en CSS3

À l’époque d’HTML4, il y avait la balise <blink>. Elle n’était pas très populaire, au vu de sa sur-utilisation sur des sites bardés de gif de mauvais goût. Et aussi parce que, il faut l’avouer, un texte qui clignote, ça donne mal aux yeux.

Mais il arrive qu’on veuille tout de même recréer cet effet sous HTML5. Pour cela, rien de plus simple avec CSS3 !

.blink { 
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite; 
    animation-timing-function: steps(2, start); 
}

@keyframes blink { 
    80% { visibility: hidden; }
}

On peut ainsi s’amuser à faire un prompt :

Ou bien reproduire l’exemple de l’image :