From 3a6b92a89f56c157747a452a6ef8de0f42f0b623 Mon Sep 17 00:00:00 2001 From: Khawaja Fashi Ud Din Abdullah Date: Fri, 4 Oct 2024 02:45:12 +0500 Subject: [PATCH] Scrollbar Customization --- style.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/style.css b/style.css index b0dcbdf2..f556b59b 100644 --- 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;