Beberapa Jenis Cursor Pada Blogger - Arlina Design
Beberapa 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 :

Beberapa Jenis Cursor Pada Blogger

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

Beberapa Jenis Cursor Pada Blogger

Beberapa 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 :

Beberapa Jenis Cursor Pada Blogger

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

Related Post

Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo