jenis cursor pada template blogger

2 Okt 2013

Saat kita mengunjungi suatu blog kadang kala menemui cursor yang berbeda pada peng hover an di salah satu link apa itu sekedar variasi atau ada kegunaan nya yang terpenting tahu dulu, di bawah ini kode css nya

contoh penggunaan cursor

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 pengguna nya selipkan salah satu jenis cursor di atas sesuai keperluan saja biasanya pada hover sebagai contoh

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

Sekian dulu share dari saya tentang jenis cursor yang bisa di terapkan pada blog

css - widget

Taufik 20.45