Lewati ke konten
πŸ› οΈToolsShed

Generator Kursor CSS

Jelajahi semua tipe kursor CSS dengan pratinjau langsung dan kode siap salin.

Arahkan untuk pratinjau

Tentang alat ini

Properti CSS cursor mengontrol indikator visual yang muncul ketika mouse Anda berada di atas elemen di halaman web. Alat desain yang halus namun kuat ini mengomunikasikan interaktivitas kepada pengguna, menunjukkan apakah mereka dapat mengklik, menyeret, mengubah ukuran, atau berinteraksi dengan berbagai bagian antarmuka Anda. Baik Anda membangun aplikasi web atau menggaya situs web sederhana, memilih jenis kursor yang tepat berdampak signifikan pada pengalaman pengguna dan profesionalisme yang dirasakan.

Generator ini menampilkan semua nilai cursor CSS standar yang diorganisir menurut kategori β€” dari kursor tujuan umum seperti default dan none, hingga yang khusus untuk tautan, pemilihan teks, penyeretan, pengubahan ukuran, dan pembesaran. Cukup telusuri kategorinya, arahkan kursor ke setiap jenis kursor untuk melihat pratinjau langsung bagaimana tampilannya di layar, dan klik untuk menyalin deklarasi CSS siap pakai (cursor: value;) ke papan klip Anda. Alur kerja ini menghilangkan kebutuhan untuk mengingat sintaks atau mencari dokumentasi.

Kasus penggunaan umum mencakup menandai elemen formulir yang dinonaktifkan dengan not-allowed, menampilkan kursor grab dan grabbing untuk komponen yang dapat diseret, dan menggunakan kursor ubah ukuran seperti col-resize atau row-resize untuk menunjukkan batas yang dapat diubah ukurannya. Peramban modern mendukung semua nilai kursor ini tanpa konfigurasi tambahan, menjadikannya cara yang dapat diakses untuk meningkatkan kegunaan di seluruh antarmuka desktop dan layar sentuh.

Pertanyaan yang Sering Diajukan

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.