29 lines
897 B
CSS
29 lines
897 B
CSS
/* 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);
|
|
} |