Notifikasi Marque dengan Ikon RGB

Untuk Demo dan Cara Memasang Script Kalian Bisa Cek Link DIbawah

Live Demo Cara Memasang Script

Penting!
Sebelum Memulai Nya Ada Baiknya Kalian Memback-up Template Kalian Terlebih dahulu.

Source Code

Tambahkan cdn ini Terlebih dahulu di Atas Kode </head> Anda

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"/>

<div class="notification-container">
    <i class="fas fa-bell bell-icon left-bell"></i>
    <marquee behavior="scroll" direction="left" scrollamount="5">
      <b style="color: white;"> Ini adalah notifikasi berjalan. Cek pembaruan terbaru di sini!</b>
    </marquee>
    <i class="fas fa-bell bell-icon right-bell"></i>
</div>

 <style>
.notification-container{position:relative;background-color:#070404;border:1px solid #fff;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow:hidden}marquee{display:inline-block;width:calc(100% - 60px);padding:0 30px;margin-left:50px;margin-right:50px}.bell-icon{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;transition:color .5s;animation:10s infinite colorChange}.left-bell{left:10px}.right-bell{right:10px}@keyframes colorChange{0%{color:#ff5733}10%{color:#ffbd33}20%{color:#dbff33}30%{color:#75ff33}40%{color:#33ff57}50%{color:#33ffbd}60%{color:#33dbff}70%{color:#3375ff}80%{color:#5733ff}90%{color:#bd33ff}100%{color:#ff33a1}}
    </style>

Kosong

Kesimpulan

Diatas adalah Notifikasi Marque dengan Ikon RGB., Jika Ingin Request Silahkan Berikan Komentar atau menuju Halaman Request:v. Sampai Jumpa di potingan Berikutnya :p