Jenis - jenis Kursor Yang Dapat Pasang di Blog

Pernah kah kamu kunjungi sebuah blog dan menemukan kursor yang berbeda, saat memilih salah satu link, nah untuk ubah tersebut dengan menggunakan kode CSS berikut ini adalah variasi kode kursor yang mana bisa kamu pilih

Value	Demo Cursor	Penulisan
default	Contoh (Hover)	cursor : default
crosshair	Contoh (Hover)	cursor : crosshair
hand	Contoh (Hover)	cursor : hand
pointer	Contoh (Hover)	cursor : pointer
Cross browser	Contoh (Hover)	cursor : hand
move	Contoh (Hover)	cursor : move
text	Contoh (Hover)	cursor : text
wait	Contoh (Hover)	cursor : wait
help	Contoh (Hover)	cursor : help
n-resize	Contoh (Hover)	cursor : n-resize
ne-resize	Contoh (Hover)	cursor : ne-resize
e-resize	Contoh (Hover)	cursor : e-resize
se-resize	Contoh (Hover)	cursor : se-resize
s-resize	Contoh (Hover)	cursor : s-resize
sw-resize	Contoh (Hover)	cursor : sw-resize
w-resize	Contoh (Hover)	cursor : w-resize
nw-resize	Contoh (Hover)	cursor : nw-resize
progress	Contoh (Hover)	cursor : progress
not-allowed	Contoh (Hover)	cursor : not-allowed
vertical-text	Contoh (Hover)	cursor : vertical-text
all-scroll	Contoh (Hover)	cursor : all-scroll
col-resize	Contoh (Hover)	cursor : col-resize
row-resize	Contoh (Hover)	cursor : row-resize

Untuk penggunanya, silakan sisipkan salah satu jenis cursor di atas sesuai kebutuhan. Sebagai contoh :

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

Share :