Info Penting

Aplikasi Android ketiga: TIK SMP Kelas 9 Versi Lengkap Desain Elegan

A plikasi Android ketiga kali ini sebenarnya hanya ganti desain saja dari aplikasi pertama , tapi tentu saja fitur dan konten semakin lengka...

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

Koleksi Tutorial Blog

Arsip Blog