Info Penting

Tugas Blogging 3 Kelas IX Semester 1 Tahun 2018

K egiatan pembelajaran dengan materi Blogging fokus utamanya adalah bagaimana siswa diharapkan bisa menulis dengan baik di blog yang suda...

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