dracslaura

custom gif scrollbar

May 29th, 2021 (edited)
3,109
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--- cr viliarreai if used/reposted --->
  2.  
  3. <style>
  4. .scroll {
  5.  
  6. /*which direction it will scroll*/
  7. overflow: scroll;
  8. overflow-x: hidden;
  9. overflow-y: scroll;
  10.  
  11. /*background of text*/
  12. background:#FFD6F0;
  13. border: 1px solid #FFB3E2;
  14.  
  15. /*DON'T EDIT THIS*/
  16. margin-left:auto;
  17. margin-right:auto;
  18.  
  19. /*width/height of text*/
  20. width: 14em;
  21. height: 120px;
  22. padding:8px;
  23.  
  24. /*text size, font, etc*/
  25. font-size:18px;
  26. color:#000;
  27. font-family:times;
  28.  
  29. }
  30.  
  31. .scroll::-webkit-scrollbar {
  32.  
  33. /*the width/height of the scrollbar*/
  34. width: 12px;
  35. height: 5px;
  36.  
  37. }
  38.  
  39. .scroll::-webkit-scrollbar-track {
  40.  
  41. /*the color of the scrollbar background (i recommend making it the same color of the background text*/
  42. background-color: #FFD6F0;
  43.  
  44. }
  45.  
  46. .scroll::-webkit-scrollbar-thumb {
  47.  
  48. /*the gif/img of the scrollbar*/
  49. background-image: url("https://media.discordapp.net/attachments/846527207694139402/851350444998524928/glitter_background_b7b.gif");
  50.  
  51. /*how rounded the scrollbar will be*/
  52. border-radius: 5px;
  53.  
  54. /*the scrollbar's border*/
  55. border: 1px dashed #ffffff;
  56.  
  57. }
  58. </style>
  59.  
  60. <div class="scroll">
  61. <strong>custom gif scrollbar!</strong>
  62. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text
  63. </div>
RAW Paste Data