[درس css]تغيير أشكال مؤشر الماوس

السلام عليكم ورحمة الله وبركاته
.......................................
في هذا الدرس نتعلم كيفية تغيير شكل الماوس عند المرور على كلام معين أو وصلة محددة أو حتى صورة معينة
بداية هذه هي المتغيرات المتاحة ليتغير اليها مؤشر الماوس في css

الكود:

auto
crosshair
default
e-resize
help
move
n-resize
ne-resize
nw-resize
pointer
progress
s-resize
se-resize
sw-resize
text
w-resize
wait

نبدأ الدرس
لتغيير المؤشر عند المرور على كلام معين:
نقوم بتحديد هذا الكلام من ضمن البقية عن طريق

الكود:

<span class="b">الكلام هنا</span>

في الكود السابق تم تحديد الكلام باسم "b"
الآن نقوم بتحديد خواص cssل الفئة "b"
في صفحة السي اس اس او في منطقة style في رأس الصفحة

الكود:

.b{
cursor:pointer;
}

بدل pointer
ضع الشكل الذي تريده من الاشكال السابقة
..............................................................
نفس الطريقة تنطبق على الوصلات
نحدد الوصلة بفئة معينة

الكود:

<span class="link"><a href="#">وصلة معينة</a></span>

من المعروف ان الوصلة عندما يمر المؤشر عليها يتغير الى شكل اليد أي إلى pointer
لو أردنا مثلا ان نجعله لا يتغير سنقوم بتطبيق default هكذا

الكود:

.link a{
cursor:default;
}

ونفس الطريقة تنطبق على الصور
هذا مثال حي على الدرس:
هنــــــــــــــــــــــــــــا
انتهى الددرس

شكر على الموضوع الاكثر من رائع

مبدع كاعادتك