💾 Archived View for unbon.cafe › yomli › dev › blog › 2015-06-23-blink-en-css3.gmi captured on 2024-08-18 at 17:58:21. Gemini links have been rewritten to link to archived content

-=-=-=-=-=-=-

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; }
}

----

Accueil

Permaliens :

gemini://unbon.cafe/yomli/dev/blog/2015-06-23-blink-en-css3.gmi

https://dev.yom.li/blog/blink-en-css3