Membuat Teks Berkedip dengan CSS3

Sabtu, 29 Mei 2010 - - 5

Tutorial ini membahas tentang penggunaan CSS3 untuk membuat teks berkedip, tujuanya tiada lain, supaya blog anda tampil unik, lebih menarik.

Berikut kode css3 untuk membuat efek teks berkedip:
<style> @keyframes bg-blink { 0% { background-color:#ff0000; } 100% { background-color:#ffffff; } } @-webkit-keyframes bg-blink { 0% { background-color:#ff0000; } 100% { background-color:#ffffff; } } .bg-blink { -webkit-animation: bg-blink 1s linear infinite; -moz-animation: bg-blink 1s linear infinite; animation: bg-blink 1s linear infinite; } .blink { animation: blink 1s steps(5, start) infinite; -webkit-animation: blink 1s steps(5, start) infinite; color:#ffffff; } @keyframes blink { to { visibility: hidden; } } @-webkit-keyframes blink { to { visibility: hidden; } } </style> <div class="bg-blink"> Blinking Background </div> <br /> <div style="background-color: red;"> <span class="blink"> Blinking Text </span> </div></div>

Hasil kode diatas adalah sebagai berikut:

Blinking Text
Selamat mencoba, semoga bermanfaat.

molendotcom at 25 Maret 2011 00.50

bloger..
satu klik dapat uang $1-$10 ,GRATIS...!!
SILAHKAN BACA2 di sini http://www.molendotcom.blogspot.com/
jangan jadi penonton terus..he..he..

Rudy Hartono at 30 Desember 2011 23.02

thanks atas informasinya yang sangat bermanfaat dan mudah dicerna, salam kenal ya gan, follow me
http://caramembuatyangakumau.blogspot.com

Bom Bom at 17 Januari 2012 13.33

numpang ya...mau usaha tanpa ribet...klik http://tempatkursuskueroti.blogspot.com

hadi aktual at 25 April 2012 17.34

apik tenan ,trims mr mung

Mr.Mung at 25 April 2012 19.20

@hadi: selamat mencoba.

Silahkan tinggalkan komentar anda disini dan Terimakasih anda mau menuliskan nama anda.

Koleksi Tutorial Blog

Arsip Blog