Info Penting

Laporan Pembuatan Blog Siswa SMPN 1 Kaliwungu Tahun Ajaran 2022/2023

S alah satu materi BTIK kelas IX mulai semester 1 tahun 2022 ini sengaja saya kenalkan tentang dunia blog, diawal perkenalan ini bukan dalam...

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
  2. Alhamdulillah...ilmunya sangat bermanfaat.Mksh Mr.Mung

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

      Hapus

Follow Me


Tutorial Blogger

Arsip Blog