स्क्रोलबार रंग आणि आकार सानुकूलित करा, नंतर 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;
}