تخصيص ألوان وحجم شريط التمرير، ثم نسخ CSS.
جارٍ تحميل الأداة…
أشرطة التمرير الافتراضية للمتصفح لا تتطابق دائمًا مع تصميمك. يتيح لك مخصص شريط التمرير في دوكال اختيار ألوان المقبض والمسار، وتعيين العرض، ومعاينة النتيجة مباشرة قبل نسخ 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;
}