Menambahkan Efek Cahaya Berkedip Pada Teks

Halo, ketemu lagi nih dengan saya :), apa kabarnya ? semoga baik yah, amin. Pada kesempatan kali ini saya akan menjelaskan tentang bagaimana cara Menambahkan Efek Cahaya Berkedip Pada Teks, Nah bagaimana cara membuatnya ? langsung saja yuk kita ikuti langkah berikut ini.

1. Seperti biasa silahkan buka teks editor nya masing-masing, setelah itu coba ketikan kode HTML berikut:

<div class="area">
 âš  Peringatan âš 
</div>

2. Kalo sudah, lanjutkan kembali untuk kode CSS nya, silahkan ketikan kode CSS berikut:

body{
 font-family: "Open Sans",  Impact;
}
.area{
  text-align:center;
  font-size:6.5em;
  color:#ff9900;
  letter-spacing: 3px;
  font-weight:700;
  text-transform:uppercase;
  animation:blur .75s ease-out infinite;
  text-shadow:0px 0px 5px #fff,0px 0px 7px #fff;
}

@keyframes blur{
  from{
      text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #7B96B8,
      0px 0px 150px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px -10px 100px #7B96B8,
      0px -10px 100px #7B96B8;}
}

3. Kalo sudah jangan lupa disimpan, kemudian coba jalankan di browser masing-masing dan lihat hasilnya.

Cukup mudah yah, silahkan mencoba selamat berkreasi, Sampai disini pertemuan kali ini, Semoga bermanfaat, amiin.