[درس 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;

}

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