Fire text maker

EXAMPLE

Bikin text atau huruf terlihat seperti api, kalian bs membuatnya disini mudah kok tinggal memasukan text or huruf pada form yg sudah tersedia. masukan ukuran textnya lalu pilih formatnya, setelah itu klik "generate code" selesai dan kalian tinggal copy hasilnya

Congratulation!, document generate succesful. Copy result code below, terimakasih telah menggunakan tool ini.

<!--// Css code  //--!>
<style> 
/*
http://saein.mobie.in Please dont delete this link!
*/
  .membara {
  align-items: center;
  justify-content: center;
  width: 100%;
  white-space: nowrap;
}
.apinya {
  animation: membara 6s cubic-bezier(0.1, 0.1, 0.1, 0.1) infinite alternate; 
color: #f5f5f5; font-family: Libre Baskerville, serif; font-size: 50px; font-weight: bold;  
}
.apinya:nth-of-type(1) {
  animation-delay: 2s;
}
.apinya:nth-of-type(2) {
  animation-delay: 2s;
}
.apinya:nth-of-type(3) {
  animation-delay: 2s;
}
.apinya:nth-of-type(4) {
  animation-delay: 2s;
}
.apinya:nth-of-type(5) {
  animation-delay: 2s;
}
.apinya:nth-of-type(6) {
  animation-delay: 2s;
}
.apinya:nth-of-type(7) {
  animation-delay: 2s;
}
.apinya:nth-of-type(8) {
  animation-delay: 2s;
}
.apinya:nth-of-type(9) {
  animation-delay: 2s;
}
.apinya:nth-of-type(10) {
  animation-delay: 2s 
}
@keyframes membara
{
1% {text-shadow: 0px -5px 15px #fff, 0px -2px 10px #FF3, 0px -10px 20px #F90, 0px -20px 40px #C33;
  
  } 
2% {text-shadow: 0 0 10px #fefcc9,
  10px -10px 10px #feec85,
  -20px -30px 10px #ffae34,
  20px -40px 10px gold,
  -20px -60px 10px yellow,
  0 -80px -10px red,
  10px -50px -20px red; 
  }
}
</style>
<!--// JavaScript Code//--!>
<Script Language="JavaScript">
var ApiDurasi = 8;
var Api = new Array();
var Nyala = 2;

function menyala()
{
    Api[ApiDurasi - Nyala] = Math.random() * 2 - 1;
    var e = document.getElementById("menyalakan-huruf");
    var s = "";
    for (var i = 0; i < ApiDurasi; i++)
    {
        if (s) s += ", ";
        s += Math.round(Api[(i + ApiDurasi - Nyala) % ApiDurasi] * i) + "px " + (-7 * i -3) + "px " + (7 + i) + "px ";
        s += "rgb(255, " + (255 - i * Math.floor(255 / (ApiDurasi - 1))) + ", 0)";
    }
    e.style.textShadow = s;
    Nyala = (Nyala + 1) % ApiDurasi;
}

function mulai()
{
    for (var i = 0; i < ApiDurasi; i++)
        Api[i] = Math.random() * 3 - 1;
    window.setInterval(function() { menyala(); }, 150);
    return false;
}

mulai();</script>
<!--// html code  //--!>
<div align="center" id="menyalakan-huruf">
<span id="membara" class="apinya">TEXT API CONTOH</span>
</div>

Share to:

Bookmark this page

Visit on:

Total hit:

93879

Old school Easter eggs.