منتقي مؤشر CSS
مرّر المؤشر فوق كل قيمة cursor في CSS لتجربتها مباشرة، وانقر لنسخ التصريح.
990 مشاهدة
مرّر للتجربة · انقر للنسخ
خاصية cursor
يخبر المؤشر المستخدم بما سيفعله العنصر قبل النقر: pointer للعناصر القابلة للنقر، وgrab للعناصر القابلة للسحب، وnot-allowed للمناطق المعطّلة، وcol-resize/row-resize للألواح القابلة للتقسيم. مرّر فوق كل بطاقة أدناه لتشعر بالمؤشر على شاشتك؛ والنقر ينسخ التصريح الجاهز. يمكن أيضًا استخدام صور مخصّصة عبر cursor: url(...), fallback.
الأسئلة الشائعة
لماذا لا تظهر صورة المؤشر المخصّصة؟
يجب أن تكون صور المؤشر المخصّصة صغيرة (32×32 أو أقل في معظم الأنظمة)، ويتطلّب التصريح كلمة احتياطية: cursor: url("c.png"), auto؛.
هل يجب استخدام cursor: pointer مع الأزرار؟
لا تطبّقه المتصفحات افتراضيًا على <button>، لكن المستخدمين يتوقعونه — تضيف معظم أنظمة التصميم cursor: pointer إلى جميع العناصر التفاعلية.
أدوات مشابهة
منشئ تدرجات CSS
صمّم تدرجات CSS خطية ودائرية ومخروطية مع معاينة حية، وانسخ الكود مباشرة.
أنشئ
منشئ ظل الصندوق CSS
صمّم ظل الصندوق (box-shadow) بصريًا — الإزاحات، التمويه، الانتشار، اللون، الشفافية وinset — مع معاينة حية.
أنشئ
منشئ استدارة الحواف CSS
دوّر كل زاوية على حدة أو جميعها معًا، بوحدة px أو %، مع معاينة حية وكود CSS قابل للنسخ.
أنشئ
منشئ ظل النص CSS
صمّم ظل نص (text-shadow) بتحديد الإزاحة والتمويه واللون والشفافية — مع معاينة حية على نص تجريبي.
أنشئ
الإبلاغ عن مشكلة
منتقي مؤشر CSS