Css achieve beautiful scroll bar style

···

:: - {WebKit-ScrollBar
/ scroll overall style /
width: 10px; / Aspect corresponding vertical scrollbar size /
height: 1px;
}
:: - {WebKit-Thumb-ScrollBar
/ scroll inside the small box /
border -radius: 10px;
background-Color: Skyblue;
background-Image: -webkit-Linear-gradient (
45deg,
RGBA (255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
RGBA (255, 255 , 255, 0.2) 50%,
RGBA (255, 255, 255, 0.2) 75%,
transparent 75%,
transparent
);
}
:: - {WebKit-track-scrollBar
/ scroll inside track * /
Box-Shadow: the inset from 0 0 5px rgba (0, 0 , 0, 0.2);
background : #ededed;
border-radius: 10px;
}
···