Advertisement
nomskoo

two tone scrollbar

Jul 5th, 2022 (edited)
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.15 KB | None | 0 0
  1. NOT MY CODE!!! the limeweave link is no longer working so here is a re-upload! pls lmk who to credit @ crrdcore on twt!
  2.  
  3. <---two tone scrollbar--->
  4.  
  5. <style>
  6.  
  7. ::-webkit-scrollbar {
  8. width: 14px;
  9. height: 10px;
  10. }
  11.  
  12. ::-webkit-scrollbar-thumb {
  13. background: linear-gradient(90deg, rgba(238,238,238,1) 38%, rgba(206,206,206,1) 62%);
  14. border: 1.5px solid #888888;
  15. border-radius: 5px;
  16. }
  17.  
  18. ::-webkit-scrollbar-track {
  19. background: linear-gradient(90deg, rgba(230,230,230,1) 6%, rgba(240,240,240,1) 18%);
  20. }
  21.  
  22. ::-webkit-scrollbar-button {
  23. display: block;
  24. width: 14px;
  25. height: 16px;
  26. }
  27.  
  28. ::-webkit-scrollbar-button:vertical:start:decrement {
  29. background: white;
  30. background-image: url("https://dl.dropbox.com/s/vtnpkuealr2f7u4/whc8iy3_d.png");
  31. border: 1.5px solid #888888;
  32. border-radius: 5px;
  33. }
  34.  
  35. ::-webkit-scrollbar-button:vertical:start:increment {
  36. display: none;
  37. }
  38.  
  39. ::-webkit-scrollbar-button:vertical:end:decrement {
  40. display: none;
  41. }
  42.  
  43. ::-webkit-scrollbar-button:vertical:end:increment {
  44. background: white;
  45. background-image: url("https://dl.dropbox.com/s/vtnpkuealr2f7u4/whc8iy3_d.png");
  46. border: 1.5px solid #888888;
  47. border-radius: 5px;
  48. }
  49.  
  50.  
  51. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement