abracitos

different scrollbars per scroll box

Nov 16th, 2021 (edited)
284
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.91 KB | None | 0 0
  1. <style>
  2. .section2 {
  3. overflow-y: auto;
  4. scrollbar-width: thin;
  5. line-height: 1;
  6. padding: 10px;
  7. height: 80px;
  8. width: 50%;
  9. border-width:7px;
  10. border-style:solid;
  11. border-image: url("https://i.imgur.com/ROjUrNz.gif") 7 fill round;
  12. font-size: 18px;
  13. }
  14. .section2::-webkit-scrollbar {
  15. width: 20px;
  16. }
  17.  
  18. .section2::-webkit-scrollbar-track {
  19. background-color: #e4e4e4;
  20. border-radius: 100px;
  21. }
  22.  
  23. .section2::-webkit-scrollbar-thumb {
  24. border-radius: 100px;
  25. border-left: 0;
  26. border-right: 0;
  27. background-color: pink;
  28.  
  29. }
  30.  
  31. </style>
  32.  
  33. <div class="section2">
  34. info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here
  35. </div>
  36.  
  37.  
  38. <style>
  39. .section {
  40. overflow-y: auto;
  41. scrollbar-width: thin;
  42. line-height: 1;
  43. padding: 10px;
  44. height: 80px;
  45. width: 50%;
  46. border-width:7px;
  47. border-style:solid;
  48. border-image: url("https://i.imgur.com/FsgoCPW.png") 7 fill round;
  49. font-size: 18px;
  50. position:relative;
  51. top:15px;
  52. }
  53. .section::-webkit-scrollbar {
  54. width: 20px;
  55. }
  56.  
  57. .section::-webkit-scrollbar-track {
  58. background-color: #fff;
  59. border-radius: 100px;
  60. }
  61.  
  62. .section::-webkit-scrollbar-thumb {
  63. border-radius: 100px;
  64. border-left: 0;
  65. border-right: 0;
  66. background-color: #fff;
  67.  
  68. }
  69.  
  70. </style>
  71.  
  72. <div class="section">
  73. info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here info goes here
  74. </div>
Advertisement
Add Comment
Please, Sign In to add comment