Selamat siang ๐
Thread kali ini membahas mengenai salah satu effect text-decoration dari CSS yaitu “blink”, yang mana jika syntax ini digunakan maka teks yang dimaksud akan berefek kedip-kedip / blinking. Syntax normal di CSS nya adalah sebagai berikut :
.teks{
text-decoration:blink;
}
Namun, effect tersebut pasti tidak bisa berjalan seperti yang seharusnya jika kalian menggunakan browser Google Chrome, IE atau sejenisnya. Karena itu, saya mencoba untuk mencari alternatif lain untuk bagaimana caranya effect blink/kedip-kedip pada teks itu bisa berjalan di semua browser. Akhirnya saya memutuskan untuk menggunakan tag-tag jQuery sedemikian rupa hingga bisa menghasilkan effect yang sama (blink).
Mungkin ada cara lain dengan CSS atau sejenisnya cuma saya belum tahu caranya ๐ jadi saya pakai cara yag mudah menurut saya sendiri dulu deh :D, oke… scriptnya adalah sebagai berikut :
function blink(yangDituju){
$(yangDituju).fadeOut('slow', function(){
$(this).fadeIn('slow', function(){
blink(this);
});
});
}
blink('.teks');
Konsepnya adalah menggunakan teknik Rekursi dari fungsi blink yang dibuat, dengan parameter yan menuju pada tag HTML atau teks yang diinginkan akan berkedip nantinya.
Oke, sekian semoga bisa bermanfaat
-7.338006112.690159
You must be logged in to post a comment.