5 Cool and Stylish Custom Scroll Bars for Elegant Blogs

I've wrote a tutorial article about 'how to customize blogger scroll bar', and now I'm gonna share the scroll bar styles that you can directly implement to your any blog platform. Fortunately, they've been optimized well.

5 Cool and Stylish Custom Scroll Bar

1. Beautiful Pattern Scroll Bar

Code

::-webkit-scrollbar {

background-color: #e4e4e4;

}

::-webkit-scrollbar-thumb {

background: url(http://images.all-free-download.com/images/graphiclarge/mosaic_seamless_beautiful_geometric_gray_pattern_repeating_texture_design_vector_6820509.jpg);
background-size: 85px;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;

}

2. Half-rounded Stylish Scroll Bar

Code

::-webkit-scrollbar {

background-color: #e4e4e4;
background-size: 30px;
}

::-webkit-scrollbar-thumb {

border-top: 1px solid #ececec;
background-color: #4e9bc7;
border-bottom: 1px solid #ececec;
border-radius: 10px 0;

}

3. Full-Rounded Stylish Scroll Bar

Code

::-webkit-scrollbar {

background-color: #e4e4e4;

}

::-webkit-scrollbar-thumb {

border-top: 1px solid #ececec;
background-color: #c74e4e;
border-bottom: 1px solid #ececec;
border-radius: 10px;

}

4. Cool Geometric Scroll Bar

Code

::-webkit-scrollbar {

background-color: #e8e8e8;
background-size: 30px;
}

::-webkit-scrollbar-thumb {

background: url(http://www.bestpsdfreebies.com/wp-content/uploads/2014/08/preview-2.jpg);
background-size: 64px;
background-position-x: center;

}

5. Batik Geometric Scroll Bar

Code

::-webkit-scrollbar {

background: url(https://static.vecteezy.com/system/resources/previews/000/108/809/non_2x/free-batik-pattern-vector-9.jpg);
background-size: 193px;
background-position-x: center;

}

::-webkit-scrollbar-thumb {

background: url(https://static.vecteezy.com/system/resources/previews/000/108/817/non_2x/free-batik-pattern-vector-6.jpg);
border-radius: 6px;
background-size: 207px;
background-position-x: center;

}

How to Implement 

Please go to this article to read the guide of implementing custom scroll bar.