diff --git a/Homepage.css b/Homepage.css index ebc9326..7f57888 100644 --- a/Homepage.css +++ b/Homepage.css @@ -73,4 +73,34 @@ body::before { transform: translateY(-30px) translateX(15px) scale(1.2); opacity: 1; } +} + +/* Atur lebar scrollbar */ +::-webkit-scrollbar { + width: 12px; +} + +/* Background jalanan scrollbar (Track) - Gelap agar neon menyala */ +::-webkit-scrollbar-track { + background: #0b0b15; /* Hitam keunguan sangat gelap */ + border-left: 1px solid #222; +} + +/* Batang Scroll (Thumb) - Efek Neon */ +::-webkit-scrollbar-thumb { + /* Gradasi dari Cyan ke Ungu */ + background: linear-gradient(180deg, #00f2ff, #bc13fe); + border-radius: 10px; + /* Memberikan jarak sedikit agar terlihat melayang */ + border: 3px solid transparent; + background-clip: content-box; +} + +/* Efek saat di-hover (disorot mouse) - Lebih terang */ +::-webkit-scrollbar-thumb:hover { + background: linear-gradient(180deg, #5dfaff, #d65eff); + border: 3px solid transparent; + background-clip: content-box; + /* Sedikit shadow untuk efek glow */ + box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5); } \ No newline at end of file diff --git a/Homepage.html b/Homepage.html index 7b94191..c8357b7 100644 --- a/Homepage.html +++ b/Homepage.html @@ -5,7 +5,6 @@