कस्टम CSS कर्सर जनरेटर

यह कैसे काम करता है

CSS cursor प्रॉपर्टी एक छवि (url(...)), पिक्सेल में एक वैकल्पिक एंकर बिंदु, और एक फ़ॉलबैक कीवर्ड स्वीकार करती है जो छवि लोड न होने पर उपयोग होता है। यह टूल आपके इमोजी या छवि को सीधे ब्राउज़र में data URL में एन्कोड करता है, फिर आपकी स्टाइल शीट में पेस्ट करने के लिए तैयार पूरी CSS घोषणा बनाता है।

एंकर बिंदु (हॉटस्पॉट) किस लिए है?

एंकर बिंदु यह निर्धारित करता है कि छवि का कौन सा पिक्सेल क्लिक की स्थिति से बिल्कुल मेल खाता है। लक्ष्य या तीर के आकार के कर्सर के लिए, एंकर को छवि के केंद्र या नोक पर रखना आम है ताकि क्लिक सही दृश्य स्थान पर हो।

कुछ ब्राउज़र मेरे कस्टम कर्सर को अनदेखा क्यों कर देते हैं?

अधिकांश ब्राउज़र कस्टम कर्सर का आकार लगभग 128 पिक्सेल तक सीमित करते हैं और यदि छवि बहुत भारी है या समर्थित प्रारूप में नहीं है तो फ़ॉलबैक कर्सर पर आ जाते हैं; सभी ब्राउज़रों पर विश्वसनीय रेंडरिंग के लिए हल्की वर्गाकार छवि (PNG या SVG) और उचित आकार चुनें।

न आपकी छवि और न ही आपका इमोजी कहीं भेजा जाता है: सारी एन्कोडिंग आपके ब्राउज़र की मेमोरी में स्थानीय रूप से होती है।