Custom Scrollbars in WebKit

Example of scrollbar customization (works in Webkit only)

::-webkit-scrollbar {
  width: 12px;

::-webkit-scrollbar-track {
  background: none;

::-webkit-scrollbar-thumb {
  background: -webkit-linear-gradient(left, #547c90, #002640);
  border: 1px solid #333;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);


Share this snippet


Leave a Reply

Your email address will not be published. Required fields are marked *

Please respect the following rules: No advertising, no spam, no keyword in name field. Thank you!