Daftar Cursor CSS – Semua Nilai dengan Pratinjau

Arahkan mouse ke kartu untuk mencoba cursor, lalu klik untuk menyalin kode CSS-nya.

Teks dan file Anda tetap di browser — tidak ada yang dikirim ke server.

Arahkan mouse ke kartu untuk menampilkan cursor tersebut. Klik untuk menyalin baris CSS-nya.

Umum

Tautan dan status

Seleksi

Seret dan lepas

Ubah ukuran dan gulir

Zoom

Cara pakai

  1. Arahkan mouse ke kartu mana saja untuk melihat cursor-nya langsung. Tampilan persisnya sedikit berbeda tergantung sistem operasi dan browser.
  2. Klik kartu untuk menyalin "cursor: nilai;", lalu tempelkan ke aturan CSS Anda.
  3. Ketik kata seperti resize atau move di kolom "Cari" untuk menyaring daftar.
  4. HP dan tablet tidak punya pointer mouse, jadi sebaiknya lihat pratinjaunya di komputer.

Pertanyaan umum

Bisakah saya memakai gambar sendiri sebagai cursor?

Bisa: cursor: url(cursor.png) 4 4, pointer; – dua angka itu menentukan titik aktif (x y), dan nilai standar di akhir wajib ditulis sebagai cadangan jika gambar gagal dimuat. Ukuran gambar sebaiknya tidak lebih dari 32×32 px.

Kapan memakai pointer dan kapan default?

Pakai pointer hanya untuk elemen yang bisa diklik, seperti tautan dan tombol, dan biarkan default di tempat lain. Ikon tangan di atas elemen yang tidak bisa diklik membingungkan pengunjung.

grab tidak muncul di beberapa browser.

Browser yang sangat lama membutuhkan awalan seperti -webkit-grab. Versi terbaru Chrome, Edge, Firefox, dan Safari sudah mendukung nilai standar grab dan grabbing.

Alat serupa

Semua alat