Snippet, Tips Blogger

Berikut Jenis Cursor Pada Blogger

Ketika mengunjungi suatu blog terkadang Anda menemukan cursor yang berbeda pada saat memilih di salah satu link / item untuk alasan variasi blog atau lainnya, di bawah berikut kode CSS nya :

 

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;
}

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *