diff --git a/Homepage_Credit.css b/Homepage_Credit.css index 533af55..714a22b 100644 --- a/Homepage_Credit.css +++ b/Homepage_Credit.css @@ -39,7 +39,7 @@ footer { /* Credit Text */ .credits-text { color: rgba(255, 255, 255, 0.5); - font-size: 12px; + font-size: 15px; font-family: 'Exo 2', sans-serif; line-height: 1.5; letter-spacing: 0.5px; @@ -67,7 +67,7 @@ footer { } .credits-text { - font-size: 9px; + font-size: 28px; line-height: 1.6; white-space: nowrap; overflow: hidden; diff --git a/Homepage_Scrollbar.css b/Homepage_Scrollbar.css new file mode 100644 index 0000000..3d767d9 --- /dev/null +++ b/Homepage_Scrollbar.css @@ -0,0 +1,29 @@ +/* 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