Hallo teman-teman, pada kesempatan kali ini saya akan membahas tentang Mengetahui Berbagai Jenis Cursor pada CSS. pada dasarnya didalam CSS itu ada yang namanya property CSS cursor, dan fungsi dari property CSS cursor tersebut adalah untuk mendefinisikan tipe cursor (sejenis pointer mouse). Nah disini saya akan membahas cara penggunaannya serta Mengetahui Berbagai Jenis Cursor pada CSS.
Didalam css sudah disediakan beberapa jenis tipe cursor dan kita juga dapat mengcostum jenis cursornya sesuai kemauan kita sendiri.
Nah berikut ini adalah tipe-tipe cursor yang sudah tersedia :
Nah banyak banget ya tipe cursor yang sudah ada ? oke jangan panik dan jangan dihafal karena kita disini bukan untuk menghafal, dan untuk custom cursor di dalam CSS itu caranya cukup mudah pertama kalian custom cursor sesuai kemauan kalian dan download cursor yang ingin kalian gunakan di http://www.cursor.cc/ lalu buat HTML nya seperti dibawah ini :
<center> <a href="#" class="edit">HOVER ME</a> </center>
Setelah HTML nya dibuat langsung saja buat CSS nya seperti gambar di bawah ini :
.edit {
cursor:url("fruit.cur"), default;
}
Jika sudah langsung saja dirun/dijalankan htmlnya jika semua sudah benar pasti cursornya berubah sesuai yang kita inginkan.
Sekian dan terimakasih semoga bermanfaat. sampai bertemu di pembahasan selanjutnya 🙂