solielios

Old web scrollbar ♡

Sep 19th, 2021
811
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. #scroll {
  3. width: 334px;
  4. height: 250px;
  5. font-size: 2em;
  6. overflow-y: scroll;
  7. float: left;
  8. background-image: url("https://zanarkand.neocities.org/backgrounds/red1.jpg");
  9. border: 5px groove rgb(153, 153, 153);
  10. background-color: rgb(255, 255, 255);
  11. }
  12.  
  13. ::-webkit-scrollbar {
  14. width: 16px;
  15. height: 10px;
  16. }
  17.  
  18. ::-webkit-scrollbar-thumb {
  19. background-color: #fff;
  20. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  21. border-top: 1px solid #bdbdbd;
  22. border-left: 1px solid #bdbdbd;
  23. border-right: 1px solid black;
  24. border-bottom: 1px solid black;
  25. }
  26.  
  27. ::-webkit-scrollbar-track {
  28. background-color: #fff;
  29. background-image: url(https://i.imgur.com/IGXGYKz.png);
  30. }
  31.  
  32. ::-webkit-scrollbar-button:vertical:increment {
  33. background-image: url(https://i.imgur.com/WhC8iy3.png);
  34. width: 14px;
  35. height: 16px;
  36. border-top: 1px solid #bdbdbd;
  37. border-left: 1px solid #bdbdbd;
  38. border-right: 1px solid black;
  39. border-bottom: 1px solid black;
  40. }
  41.  
  42. ::-webkit-scrollbar-button:vertical:decrement {
  43. background-image: url(https://i.imgur.com/fQ18mrR.png);
  44. border-top: 1px solid #bdbdbd;
  45. border-left: 1px solid #bdbdbd;
  46. border-right: 1px solid black;
  47. border-bottom: 1px solid black;
  48. width: 14px;
  49. height: 16px;
  50. }
  51. </style>
RAW Paste Data