Teks berkedip (blinking text) pada halaman web menjadi primadona tahun 90-an meski banyak juga yang tidak menyukainya.
Teks berkedip menjadi telur paskah (easter egg) yang ditampilkan Google pada hasil penelusuran blink HTML.
Pada saat ini elemen tag <blink> yang membuat teks berkedip tidak lagi mendapat dukungan tapi ada cara lain untuk membuat teks berkedip yaitu dengan menerapkan animasi CSS.
Sintaks Animasi Teks Kedip
.blink {
animation: blink 1s steps(1) infinite;
}
@keyframes blink {
66% {
opacity: 0;
}
}
animation: blink 1s steps(1) infinite;
}
@keyframes blink {
66% {
opacity: 0;
}
}
Tampilan Animasi Teks Kedip
Referensi: wikipedia.org | developer.mozilla.org