Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Macam – macam Properti CSS Cursor. Properti kursor CSS memungkinkan teman – teman menentukan jenis kursor yang harus ditampilkan kepada pengguna. Salah satu penggunaan properti ini adalah dengan menggunakan gambar untuk mengirimkan tombol pada formulir. Secara default, ketika kursor melayang di atas sebuah link, kursor berubah dari satu pointer ke sebuah tangan. Namun, itu tidak berubah bentuk untuk tombol kirim pada formulir. Oleh karena itu, setiap kali kursor melayang di atas gambar yang merupakan tombol kirim, ia memberi petunjuk visual bahwa gambar dapat diklik.

Di bawah ini contoh properti – properti cursor:

  • auto : Bentuk kursor tergantung pada area konteks sudah berakhir. Sebagai contoh, sebuah ‘I’ over text, a ‘hand’ over a link, dan seterusnya.
  • crosshair : Tanda crosshair atau tanda tambah
  • default : Sebuah panah
  • pointer : Sebuah tangan menunjuk (di IE 4 nilai ini adalah tangan).
  • move : Bar ‘saya’
  • e-resize : Kursor menunjukkan bahwa tepi sebuah kotak akan dipindahkan ke kanan (timur).
  • ne-resize : Kursor menunjukkan bahwa tepi sebuah kotak akan dipindahkan ke atas dan kanan (utara / timur).
  • nw-resize : Kursor menunjukkan bahwa tepi kotak akan dipindahkan ke atas dan ke kiri (utara / barat).
  • n-resize : Kursor menunjukkan bahwa tepi sebuah kotak akan dipindahkan ke atas (utara).
  • se-resize : Kursor menunjukkan bahwa tepi sebuah kotak akan dipindahkan ke bawah dan kanan (selatan / timur).
  • sw-resize : Kursor menunjukkan bahwa tepi kotak akan dipindahkan ke bawah dan ke kiri (selatan / barat).
  • s-resize : Kursor menunjukkan bahwa tepi sebuah kotak akan dipindahkan ke bawah (selatan).
  • w-resize : Kursor menunjukkan bahwa tepi kotak akan dipindahkan ke kiri (barat).
  • help : Tanda tanya atau balon, ideal untuk digunakan di atas tombol bantuan.

 

Oke itulah tadi Macam – macam Properti CSS Cursor, yang mungkin dapat bermanfaat bagi teman – teman  untuk membuat efek hover dalam membuat website, semoga dapat bermanfaat.