2526-web/kelompok06-2048
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
Evelyn Sucitro 2025-12-16 09:47:13 +07:00
parent ecae5f56e9
commit c373403b77
3 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
Homepage.css
View File

@ -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);
}

1
Homepage.html
View File

@ -5,7 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Homepage</title>
<link rel="stylesheet" href="Homepage.css">
<link rel="stylesheet" href="Homepage_Scrollbar.css">
<link rel="stylesheet" href="Homepage_Header.css">
<link rel="stylesheet" href="Homepage_Credit.css">
<link rel="stylesheet" href="Homepage_Hero.css">

29
Homepage_Scrollbar.css
View File

@ -1,29 +0,0 @@
/* 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);
}