⚠️ Attention, ce texte clignote !
Clignotement doux
Texte clignotant avec animation personnalisée HTML / CSS
J'ai demandé a DeepSeek de me proposer un code pour remplacer l'ancien "blink" Voici un exemple de code HTML/CSS moderne pour remplacer <blink> : élément (obsolète) tout en étant accessible et personnalisable :
HTML
Code HTML à coller ou vous pouvez juste après <body>
<!-- Texte clignotant simple --> <span class="blink">⚠️ Attention, ce texte clignote !</span> <!-- Texte clignotant avec animation personnalisée --> <p class="blink-smooth">Clignotement doux</p>
CSS
Le code CSS à coller dans votre feuille de styles
<style>
/* Version simple (clignotement brusque) */
.blink {
animation: blink 3s step-end infinite;
}
/* Version douce (fondu) */
.blink-smooth {
animation: blink-smooth 1.5s linear infinite;
}
@keyframes blink {
0%, 50%, 100% { opacity: 1; } /* Visible */
25%, 75% { opacity: 0; } /* Invisible */
}
@keyframes blink-smooth {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
</style>
Source : conversation avec DeepSeek, 01/02/2025
