Categories: CSS

Animasi flashing data dan scroll dengan CSS

Bismillaahirrohmaanirrohiim…

Untuk menampilkan animasi flashing atau blink blink, baik itu pada div atau baris pada tabel bisa menggunakan kode CSS berikut:

@-webkit-keyframes invalid {
  from { background-color: #f39c1285; }
  to { background-color: inherit; }
}
@-moz-keyframes invalid {
  from { background-color: #f39c1285; }
  to { background-color: inherit; }
}
@-o-keyframes invalid {
  from { background-color: #f39c1285; }
  to { background-color: inherit; }
}
@keyframes invalid {
  from { background-color: #f39c1285; }
  to { background-color: inherit; }
}
.flashing, .flashingalt {
     font-weight: bold;
  -webkit-animation: invalid 2s linear infinite; /* Safari 4+ */  -moz-animation:    invalid 2s linear infinite; /* Fx 5+ */  -o-animation:      invalid 2s linear infinite; /* Opera 12+ */  animation:         invalid 2s linear infinite; /* IE 10+ */}

Sedangkan untuk membuat style pada scroll, baik itu div atau scroll halaman utama, gunakan kode berikut:

.areakelas::-webkit-scrollbar {
  width: 5px;
}
/* Track */.areakelas::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #dd4b39;
  border-radius: 5px;
}

/* Handle */.areakelas::-webkit-scrollbar-thumb {
    background: #c23321;
    border-radius: 5px;
}

Nah, begitu semoga bermanfaat…

Bagikan
rasupe

Recent Posts

CMS Website Desain Interior – PHP MySQL

CMS (Content Management System) Web untuk Desain Interior adalah solusi lengkap untuk mempresentasikan bisnis desain…

3 days ago

Source code Template website sekolah dengan react js

Bismillaahirrohmaanirrohiim... Berikut ini source code yang dapat dimodifikasi untuk membuat front end website sekolah dengan…

3 weeks ago

Subdomain pada cyberpanel tidak dapat diakses

Bismillaahirrohmaanirrohiim... Jika domain dan sub domainnya berada dalam satu vps cyberpanel, maka seringkali jadi tidak…

4 weeks ago

10 Aplikasi Kasir Terbaik di Indonesia (2025)

Bismillaahirrohmaanirrohiim... Dalam era digital saat ini, penggunaan aplikasi kasir (Point of Sale/POS) menjadi solusi penting…

4 weeks ago

Website di aapanel sering mati sendiri

Bismillaahirrohmaanirrohiim... Saat browsing-browsing saya seringkali melihat iklan aapanel, sekilas membuat penasaran sampai akhirnya saya mencoba…

4 weeks ago

Reset password cyberpanel via SSH

Bismillaahirrohmaanirrohiim... Berikut ini perintah untuk reset password admin cyberpanel melalui SSH command line. pastikan login…

4 weeks ago