أنــواع بـعــض الـمـؤشــرات فــي بـلـوجــر

عــنــد زيــارة مــواقــع عــصــريــة الــشــكــل احــيــانــا أو مــطــورة تــجــد مــؤشــرات مـخــتــلــفــة الاشــكــال عــنــد تــوجــيــه الــمــاوس عــلــى الــروابــط، الــيــكــم بــعــض الاشــكــال مــع اكــوادهــا.

الاسم	معاينة المؤشر	الكود
default	معاينة المؤشر	cursor : default
crosshair	معاينة المؤشر	cursor : crosshair
hand	معاينة المؤشر	cursor : hand
pointer	معاينة المؤشر	cursor : pointer
Cross browser	معاينة المؤشر	cursor : hand
move	معاينة المؤشر	cursor : move
text	معاينة المؤشر	cursor : text
wait	معاينة المؤشر	cursor : wait
help	معاينة المؤشر	cursor : help
n-resize	معاينة المؤشر	cursor : n-resize
ne-resize	معاينة المؤشر	cursor : ne-resize
e-resize	معاينة المؤشر	cursor : e-resize
se-resize	معاينة المؤشر	cursor : se-resize
s-resize	معاينة المؤشر	cursor : s-resize
sw-resize	معاينة المؤشر	cursor : sw-resize
w-resize	معاينة المؤشر	cursor : w-resize
nw-resize	معاينة المؤشر	cursor : nw-resize
progress	معاينة المؤشر	cursor : progress
not-allowed	معاينة المؤشر	cursor : not-allowed
vertical-text	معاينة المؤشر	cursor : vertical-text
all-scroll	معاينة المؤشر	cursor : all-scroll
col-resize	معاينة المؤشر	cursor : col-resize
row-resize	معاينة المؤشر	cursor : row-resize

تــتـم إضــافـة كـود الــمــؤشـر داخـل كـود الاســتــايـل، مــثـال :

cursor:hover {
   color: #fff !important;
   background:#111;
   padding:5px;
   transition-duration:2s;
   -moz-transition-duration:2s;
   -webkit-transition-duration:2s;
   cursor:help;
}

إشترك في قناتنا على اليوتيوب لتتوصلو بجديد حلقاتنا التقنية
سبحان الله، والحمدلله، ولا إله إلا الله، والله أكبر
إذا أعجبك الموضوع فلماذا تبخل علينا بالردود المشجعة ؟!