Daftar Kursor CSS
Periksa 36 jenis kursor CSS yang dapat ditentukan dengan cursor dengan hover dan salin kodenya
Fitur
Menampilkan semua 36 jenis cursor
Kumpulkan kata kunci standar CSS dalam satu halaman
Periksa benda asli dengan hover
Kursor berubah bentuk saat Anda mengarahkan mouse ke atasnya
Diatur dalam 6 grup berdasarkan kegunaan
Mudah menemukan kursor yang diinginkan dengan penjelasan singkat
Salin CSS dengan 1 klik
Dapat ditempel langsung dalam bentuk "cursor: pointer;"
Cara Penggunaan
Cari dari grup
Cari kandidat dari judul berdasarkan kegunaan seperti "Umum" dan "Seret & Lepas"
Periksa dengan mengarahkan mouse
Tumpang tindihkan kursor pada bingkai "Arahkan mouse ke sini" untuk memeriksa bentuknya
Salin dan tempel
Dapatkan CSS dengan tombol "Salin" dan tempel ke stylesheet Anda
Kasus Penggunaan
Verifikasi kursor tombol dan tautan
Periksa tampilan pointer yang ditambahkan ke elemen yang dapat diklik
Pilih kursor untuk UI operasi seret
Bandingkan grab, move, dan copy untuk memilih bentuk yang sesuai dengan operasi pengurutan atau perpindahan
Membedakan ekspresi tidak valid dan sedang diproses
Periksa perbedaan not-allowed, wait, dan progress untuk menggunakannya dengan benar
Menghafal nilai dalam pembelajaran CSS
Lihat dan ingat jenis dan makna nilai yang dapat ditulis di cursor sekaligus
Pengetahuan Dasar
Perbedaan antara pointer dan default
pointer adalah kursor berbentuk jari yang digunakan untuk menunjukkan elemen yang dapat diklik seperti tautan atau tombol. default adalah kursor panah standar lingkungan, biasanya digunakan di atas teks atau latar belakang yang tidak dapat diklik.
Perilaku nilai awal auto dari cursor
Nilai awal properti cursor adalah auto, di mana browser secara otomatis memilih bentuk kursor sesuai lokasi, seperti text di atas teks dan default di tempat lain.
Penyebab kursor tidak berubah meskipun cursor ditentukan
Jika bentuk kursor tidak berubah meskipun cursor ditentukan, biasanya ada elemen lain yang tumpang tindih di atasnya atau spesifikasi ditimpa oleh aturan lain.
- Elemen yang tumpang tindih di atas：Jika elemen transparan atau pseudo-elemen tumpang tindih di atasnya, bentuk kursor akan mengikuti spesifikasi cursor dari elemen yang paling atas.
- Penimpaan oleh spesifisitas：Ketika beberapa aturan berlaku pada elemen yang sama, spesifikasi cursor dari aturan dengan spesifisitas lebih tinggi (kekuatan selektor) akan diprioritaskan.
- Perbedaan menurut OS dan browser：Desain kursor menggunakan yang disediakan oleh OS atau browser, jadi bentuknya berbeda antara Windows dan macOS bahkan untuk nilai yang sama.
Keamanan dan Privasi
Diproses di peramban
Data yang Anda masukkan hanya diproses di dalam peramban Anda dan tidak dikirim ke luar.
Diproses hanya di dalam browser
Tampilan kursor dan penyalinan kode dilakukan sepenuhnya di dalam browser Anda, dan data input tidak dikirim ke server.
Komunikasi dienkripsi dengan HTTPS
Pemuatan halaman juga dienkripsi dengan TLS, sehingga konten tidak dapat dibaca oleh pihak ketiga.
Tidak ada pengiriman ke pihak ketiga
Konten input tidak dikirim ke layanan eksternal seperti jaringan iklan atau pelacak.
Tidak ada penyimpanan hasil otomatis
Kode yang disalin dan saran input tidak disimpan di server.
Ikuti RAKKOTOOLS di Penelusuran Google
188 alat praktis yang mudah ditemukan dari Penelusuran Google dan pencarian AI!
- Ditemukan di penelusuran
- Juga ditampilkan di pencarian AI
- Temukan alat baru
Informasi pembaruan
- update #318
Tambahkan daftar kursor CSS, periksa semua jenis cursor dengan hover dan salin