Added Hover effects on scrollbar thumb

jfmartinz · Jun 26, 2024 · 6a126cb · 6a126cb
1 parent 270ce7a
commit 6a126cb
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/new-website/style.css b/new-website/style.css
@@ -22,6 +22,13 @@
   background: linear-gradient(rgb(104, 74, 126),rgb(102, 7, 236)); 
   border-radius: 10px;
   height:1px;
+  transition: background-color 0.3s ease; 
+}
+
+/* Hover on thumb  */
+::-webkit-scrollbar-thumb:hover {
+  background:  linear-gradient(rgb(152, 110, 169, 0.8), rgb(148, 42, 204, 0.8));
+  cursor: pointer; 
 }
 *,
 ::before,
@@ -35,7 +42,10 @@
   border-color: #e5e7eb;
   /* 2 */
 }
-
+::-webkit-scrollbar-thumb:hover {
+  color: black; 
+  cursor: pointer;
+}
 ::before,
 ::after {
   --tw-content: '';