html_css:webkit_custom_scrollbar

WebKit のカスタム スクロールバー

pre::-webkit-scrollbar {
  width: 12px;
}
 
pre::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: inset 0 0 6px rgba(50, 50, 50, .9);
}
 
pre::-webkit-scrollbar-thumb {
  background-color: rgba(128, 128, 128, .3);
  border-radius: 5px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
pre::-webkit-scrollbar {
  width: 12px;
}
 
pre::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: inset 0 0 6px rgba(50, 50, 50, .9);
}
 
pre::-webkit-scrollbar-thumb {
  background-color: rgba(128, 128, 128, .3);
  border-radius: 5px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
  • html_css/webkit_custom_scrollbar.txt
  • 最終更新: 2021/11/29 11:40
  • by ともやん