Cascade Tool

Custom Scrollbar CSS Code Generator

Create custom scrollbar css code using this scrollbar generator or maker and make your webpage more attractive. Very easy to use, Just change the setting geven below in the section and preview your desinged scrollbar in result section. After complete your copy the css code and paste into your webpage's css

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad itaque aspernatur esse officiis facere voluptatum expedita unde at aliquid quaerat, nostrum quod illum fuga quasi impedit vitae architecto totam veritatis repellat voluptas molestias. Quisquam architecto sapiente saepe unde minima reiciendis odio rem neque ut debitis, nesciunt deleniti id a hic, porro, optio quasi assumenda sequi. Soluta nostrum quasi voluptates ipsa, maxime laudantium. Consectetur cupiditate possimus, molestiae repellendus adipisci tempore eligendi sed, cumque ad, voluptates nulla reiciendis optio doloribus explicabo necessitatibus magni voluptate nostrum porro voluptatibus voluptatum vero vel placeat voluptatem! Nesciunt quod, voluptate voluptatum sunt dignissimos quidem nemo necessitatibus porro nihil voluptatibus ut, aperiam dicta doloribus architecto pariatur. Corrupti veniam sed molestias labore vero possimus consequatur similique inventore omnis? Accusamus autem quas omnis. Quo reiciendis laboriosam odit perferendis architecto vel natus, ea quaerat reprehenderit ut? Suscipit cumque explicabo tenetur voluptas minus optio saepe non sapiente, adipisci beatae sit deleniti rerum fugit itaque nulla culpa laborum delectus. Ducimus sequi quod ab impedit fugit rem assumenda, eligendi ad sit et. Officia sit in repudiandae deleniti magnam voluptates facere praesentium. Maiores qui nobis officia rem dolore, sapiente vel nostrum! Unde ab dignissimos porro consectetur provident! Nesciunt nemo maxime optio aut voluptate architecto ea.

Properties

Code


.result-box::-webkit-scrollbar{
  width: 12px;
  background: #f2f2f2
}

      
.result-box::-webkit-scrollbar-thumb{
  border-radius: 0px;
  background: #a3a3a3
}