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-?.
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
