Macam - Macam CSS Kursor dan Cara Penerapannya

  Kursor yang juga biasa disebut penunjuk merupakan Ikon yang tampil untuk menunjukkan sesuatu, Kursor biasa bergerak mengikuti dengan mouse yang kita gerakkan. Kali ini saya akan membagikan Kumpulan ataupun Macam - Macam CSS Kursor yang mungkin bisa digunakan untuk anda yang ingin memperbaiki tampilan Blog ataupun untuk Kepentingan lainnya-?.

Macam - Macam CSS Kursor dan Cara Penerapannya


Next :


auto
crosshair
default
e-resize
grab
help
move
n-resize
ne-resize
nw-resize
pointer
progress
s-resize
se-resize
sw-resize
text
w-resize
wait
not-allowed
no-drop

Itulah Macam - Macam CSS Kursor yang bisa saya bagikan kali ini, lalu bagaimana cara menggunakannya ?
Pastinya cara menggunakannya sama dengan cara penerapan CSS Lainnya.
Contoh :

  • Untuk penerapan secara tidak langsung pada element HTML ;

.contoh  {
cursor: move ;
}
move

Keterangan : .contoh merupakan salah satu class element HTML yang dibuat dengan menggunakan tampilan cursor move

  • Untuk penerapan secara  langsung pada element HTML ;
yaitu dengan menambahkan Kode style pada Elementnya, pastinya didalam Mode HTML
Contoh :
<div style=" cursor: progress ; ">
Menggunakan Cursor Pointer
</div>
Jadinya :
Menggunakan Cursor Progress

Adapun dengan menggunakan Custom cursor (Gambar):
.custom {
   cursor: url(http://rocketdock.com/images/screenshots/index_logo_star_trek-1.png), auto;
}

Referensi :

  • https://css-tricks.com/almanac/properties/c/cursor/
  • More

Copyright 2017 Teleformatika. Diberdayakan oleh Blogger.