مولّد مؤشر CSS مخصص
حوّل رمزًا تعبيريًا أو صورة إلى مؤشر ماوس CSS، واضبط نقطة الارتكاز (hotspot) واختبر العرض مباشرة قبل نسخ الكود. معالجة محلية 100% داخل متصفحك — لا يُرسل شيء إلى خادم.
كيف يعمل
تقبل خاصية CSS cursor صورة (url(...))، ونقطة ارتكاز اختيارية بالبكسل، وكلمة احتياطية تُستخدم إذا تعذّر تحميل الصورة. ترمّز هذه الأداة رمزك التعبيري أو صورتك إلى data URL مباشرة داخل المتصفح، ثم تُنشئ تعليمة CSS الكاملة الجاهزة للصق في ورقة الأنماط.
ما فائدة نقطة الارتكاز (hotspot)؟
تحدد نقطة الارتكاز البكسل الذي يقابل تمامًا موضع النقر. لمؤشر على شكل هدف أو سهم، من الشائع وضع نقطة الارتكاز في المركز أو عند رأس الصورة بحيث يحدث النقر في الموضع البصري الصحيح.
لماذا تتجاهل بعض المتصفحات المؤشر المخصص؟
تحدّ معظم المتصفحات حجم المؤشرات المخصصة بحوالي 128 بكسل وتستخدم المؤشر الاحتياطي إذا كانت الصورة ثقيلة جدًا أو بصيغة غير مدعومة؛ لذا يُفضَّل استخدام صورة مربعة خفيفة (PNG أو SVG) بحجم معقول لعرض موثوق في جميع المتصفحات.
لا تُرسل صورتك ولا رمزك التعبيري إلى أي مكان: يتم الترميز بالكامل محليًا في ذاكرة متصفحك.