ScrollBar Designed

3 years ago · 3ca11567e1
parent 6e81fdc016
commit 3ca11567e1
1 changed files with 21 additions and 0 deletions
--- a/src/App.css
+++ b/src/App.css
@ -11,4 +11,25 @@ input::-webkit-inner-spin-button {
 }
 .rtl{
  direction: rtl;
+}
+/* width */
+::-webkit-scrollbar {
+  width: 5px;
+  background: #dbdbdb;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  border-radius: 10px;
+}
+ 
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #df1452; 
+  border-radius: 10px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #b30000; 
 }