Info Penting

Tutorial Blogger Terlengkap Sistematis dilengkapi Video Tutorial

T utorial blogger di internet sangat banyak pilihannya, anda bisa memilih tutorial mana yang akan anda ikuti dan praktikkan supaya anda bi...

Artikel Terbaru

Membuat Teks Berkedip dengan CSS3

29 Mei 2010 - - 6

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.

6 komentar

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

    BalasHapus
    Balasan
    1. yess... nyepam hapus looo

      Hapus
  2. Alhamdulillah...ilmunya sangat bermanfaat.Mksh Mr.Mung

    BalasHapus
    Balasan
    1. Alhamdulillah.... terimakasih kunjunganya, semoga manfaat.

      Hapus

Follow Me


Iklan

Tutorial Blogger

Arsip Blog