UTILS.
निजता हमेशा पहले
▌

CSS स्क्रॉलबार स्टाइलर

एक कस्टम स्क्रॉलबार स्टाइल करें और ::-webkit-scrollbar CSS कॉपी करें।

आपकी फ़ाइलें इसी डिवाइस पर रहती हैं

फ़ाइलें ब्राउज़र में प्रोसेस होती हैं, कभी अपलोड नहीं होतीं। साइट टूल चलाने के लिए ज़रूरी कोड और संसाधन डाउनलोड करती है। न खाता, न ट्रैकर।

इस टूल को एक HTML फ़ाइल में सहेजकर ऑफ़लाइन इस्तेमाल करने के लिए डाउनलोड करें।

गोपनीयता →

इस टूल के बारे में

अपने ब्राउज़र में ही चौड़ाई, ट्रैक व थंब रंगों और कोने की त्रिज्या के साथ एक कस्टम स्क्रॉलबार डिज़ाइन करें, एक स्क्रॉल होने वाले बॉक्स में उसे लाइव देखें, फिर CSS कॉपी करें।

अक्सर पूछे जाने वाले प्रश्न

कौन-से ब्राउज़र इस स्टाइलिंग का समर्थन करते हैं?
::-webkit-scrollbar नियम Chrome, Edge और Safari में काम करते हैं; Firefox के लिए scrollbar-width और scrollbar-color फ़ॉलबैक भी शामिल है।
मैं इसे अपने एलिमेंट पर कैसे लागू करूँ?
CSS कॉपी करें और अपने स्क्रॉल होने वाले एलिमेंट को scrollbox क्लास दें, या उस सेलेक्टर को अपने सेलेक्टर से बदल दें।

और टूल