Cara Membuat Text Blink Atau Berkedip Menggunakan CSS Support Semua Browser

Text berkedip atau blinkin juga berfungsi untuk menarik perhatian pengunjung misalnya jika ada sesuatu informasi yang akan disampaikan agar lebih menarik perhatian misalnya blog milik saya ini ada teks "UPDATE ARTIKEL SETIAP HARI !!!"



Agar lebih dibaca oleh pengunjung maka saya buat berkedip, sebenarnya tag html untuk membuat teks kedip ini sudah ada yaitu tag <blink> namun tag ini sudah tidak support lagi dan tidak mendukung semua browser misalnya internet explorer.

Namun kita tetap bisa membuat teks blink menggunakan css , untuk kodenya adalah dibawah ini, dan pada teks yang mau dikedipkan memakai tag <blink> seperti biasa



blink {
  -webkit-animation: blink 1s steps(5, start) infinite;
  -moz-animation:    blink 1s steps(5, start) infinite;
  -o-animation:      blink 1s steps(5, start) infinite; 
  animation:         blink 1s steps(5, start) infinite;
}

@-webkit-keyframes blink {
  to { visibility: hidden; }
}
@-moz-keyframes blink {
  to { visibility: hidden; }
}
@-o-keyframes blink {
  to { visibility: hidden; }
}
@keyframes blink {
  to { visibility: hidden; }
}