Merge pull request #1108 from zalabhavy/scrollbar

Scrollbar styled
arghadipmanna101 · Jun 11, 2024 · 1d2fd73 · 1d2fd73
2 parents 670213f + dca48d8
commit 1d2fd73
Showing 1 changed file with 33 additions and 1 deletion.
diff --git a/css/index.css b/css/index.css
@@ -12,7 +12,39 @@ body {
   background: #dcdcdc !important;
   overflow-x: hidden;
 }
-
+/* Scrollbar */
+::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
+  background-color: #f5f5f5;
+  border-radius: 10px;
+}
+::-webkit-scrollbar {
+  width: 10px;
+  background-color: #f5f5f5;
+  transition: width 0.3s;
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: #fff;
+  background-image: -webkit-gradient(
+    linear,
+    40% 0%,
+    75% 84%,
+    from(#0d6efd),
+    color-stop(0.4, #0d6efd), 
+    color-stop(0.5, #1d7bfd), 
+    color-stop(0.6, #3d8bfd), 
+    to(#3d8bfd)
+  );
+  transition: background-color 0.3s, width 0.3s;
+}
+/* Hover effect */
+::-webkit-scrollbar:hover {
+  width: 14px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: #0d6efd; 
+}
 .navname_ac .bi-chevron-up {
   display: none;
 }