5 July 2017

Making/Customizing Scroll bar in bootstrap using CSS



::-webkit-scrollbar styles the entire scrollbar & ::-webkit-scrollbar-thumb Is used to style the thumb or holder(didn’t know the perfect word) which we use to hold to scrollbar.



::-webkit-scrollbar{
    height:10px;
    width:10px;
    border-radius: 1px;
    background: transparent;
        transition: all 0.3s ease;
}
::-webkit-scrollbar:hover{
    background: #c6c7ca;
}
::-webkit-scrollbar-thumb{
    background:#777779;
    border-radius: 1px;
}




No comments:

Post a Comment