Merge pull request #88 from KhawajaFashi/ScrollBar-customization

Scrollbar Customization
swaraj-das · Oct 4, 2024 · 72545f4 · 72545f4
2 parents be8c00d + 3a6b92a
commit 72545f4
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -3,7 +3,25 @@
     padding: 0;
     font-family: sans-serif;
 }
+html {
+    overflow-y: scroll;
+}
+
+html::-webkit-scrollbar {
+    width: 9px;
+    transition: width 0.3s ease;
+    margin: 10px;
+}
 
+html::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: linear-gradient(90deg, #ff459f, #ff9532, #ff459f);
+    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
+}
+
+html::-webkit-scrollbar-thumb:window-inactive {
+    background: rgb(156, 156, 156);
+}
 .container {
     width: 100%;
     min-height: 100vh;