স্ক্রলবারের রং এবং আকার কাস্টমাইজ করুন, তারপর 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;
}