Iklan

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


ValueDemo CursorPenulisan
defaultContoh (Hover)cursor : default
crosshairContoh (Hover)cursor : crosshair
handContoh (Hover)cursor : hand
pointerContoh (Hover)cursor : pointer
Cross browserContoh (Hover)cursor : hand
moveContoh (Hover)cursor : move
textContoh (Hover)cursor : text
waitContoh (Hover)cursor : wait
helpContoh (Hover)cursor : help
n-resizeContoh (Hover)cursor : n-resize
ne-resizeContoh (Hover)cursor : ne-resize
e-resizeContoh (Hover)cursor : e-resize
se-resizeContoh (Hover)cursor : se-resize
s-resizeContoh (Hover)cursor : s-resize
sw-resizeContoh (Hover)cursor : sw-resize
w-resizeContoh (Hover)cursor : w-resize
nw-resizeContoh (Hover)cursor : nw-resize
progressContoh (Hover)cursor : progress
not-allowedContoh (Hover)cursor : not-allowed
vertical-textContoh (Hover)cursor : vertical-text
all-scrollContoh (Hover)cursor : all-scroll
col-resizeContoh (Hover)cursor : col-resize
row-resizeContoh (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;
}
DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.sudarblogger.web.id. Terima kasih.

0 Response to "Jenis - jenis Kursor Yang Dapat Pasang di Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel