16 - Daily remix - Custom scrollbar

back

016 • Custom scrollbar

August 31, 2023

The whole website is a playground ✨

Playground

Step by step

Copy the code
Open settings ⚙️
Go to Site Settings -> General
Scroll to Custom Code section
Paste the code into the 'Start of <head>' tag
Adjust values & colors to your preferences
Your custom scrollbar is live!

If you have any questions on how to get a particular result, feel free to write to me on X.

<style> 
    ::-webkit-scrollbar{
        width: 6px;
        border-radius: 10px;
    }
    ::-webkit-scrollbar-track{
        background: none;
    }
    ::-webkit-scrollbar-thumb{ 
        background: rgb(255 255 255 / 10%);
        border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb:hover{ 
        background: rgb(255 255 255 / 15%);
    }
</style

Contact

If you have any questions, feel free to

If you have any questions,

contact me on X.

Newsletter

Thanks

for

watching!

Sign

newsletter

and

receive

updates

new

Framer

tips

& freebies.

Daily Remix

𝕏

Build by

kacper

Proudly built in Framer.

Daily Remix

𝕏

Build by

kacper

Proudly built in Framer.