स्क्रॉलबार के रंग और आकार को अनुकूलित करें, फिर CSS को कॉपी करें।
टूल लोड हो रहा है…
डिफ़ॉल्ट ब्राउज़र स्क्रॉलबार हमेशा आपके डिज़ाइन से मेल नहीं खाते। Dokall का स्क्रॉलबार कस्टमाइज़र आपको ट्रैक और अंगूठे के रंग चुनने, चौड़ाई निर्धारित करने और CSS को कॉपी करने से पहले परिणाम का लाइव पूर्वावलोकन करने देता है।
जेनरेट किए गए CSS में WebKit और Firefox दोनों-संगत नियम शामिल हैं। बेहतर, ऑन-ब्रांड स्क्रॉलिंग अनुभव के लिए स्निपेट को अपनी स्टाइलशीट में डालें।
body {
--sb-track-color: #232E33;
--sb-thumb-color: #6BAF8D;
--sb-size: 14px;
scrollbar-width: thin;
scrollbar-color: #6BAF8D #232E33;
}
body::-webkit-scrollbar {
width: var(--sb-size);
height: var(--sb-size);
}
body::-webkit-scrollbar-track {
background: var(--sb-track-color);
border-radius: 3px;
}
body::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color);
border-radius: 3px;
}