Perpustakaan Checkbox ini Menawarkan Puluhan Gaya Kotak Cek CSS Percuma

Mencari gaya UI kotak semak tersuai untuk laman web anda? Ambil mengintip di Perpustakaan Kotak Cek CSS dihoskan secara percuma di GitHub.

Perpustakaan besar ini menyokong berpuluh-puluh gaya untuk item kotak semak, seperti slider, reka bentuk on / off, bulatan & kotak di antara pelbagai bentuk lain.

Anda mendapatkan akses penuh ke kod HTML / CSS, jadi ia mudah untuk mendapatkannya dan berjalan di laman web anda. Belum lagi ia juga sumber terbuka sepenuhnya dan boleh didapati untuk kedua-dua projek peribadi dan komersil.

Untuk bermula, anda boleh melawat repo GitHub dan muat turun semua fail secara setempat ke mesin anda. Atau, anda boleh memasang perpustakaan melalui npm.

Secara lalai, setiap gaya kotak semak datang dengan kelasnya sendiri. The checkboxes.min.css stylesheet mempunyai semua yang anda perlukan, jadi jika itu termasuk dalam halaman anda maka anda semua ditetapkan.

Setiap gaya kotak semak menyokong penyemak imbas moden dan kebanyakan pelayar warisan, termasuk IE9+.

Aliran kerja untuk perpustakaan ini mungkin paling mudah yang pernah saya lihat. Sebaik sahaja anda mempunyai stylesheet yang ditambahkan pada halaman anda, hanya menggali semua gaya pada demo utama dan lihat apa yang menonjol.

Dari sana, anda boleh memilih apa sahaja yang terbaik. Mengklik butang HTML memaparkan modal dengan kod sumber untuk kotak semak tersebut. Kini, hanya salin / tampal ke laman web anda, beri nama / nilai yang betul (jika berkenaan), dan anda semua ditetapkan!

Tiada kerumitan, penyesuaian yang sangat sedikit, dan pada asasnya tiada kemahiran pengekodan diperlukan.

Anda akan melihat setiap gaya kotak semak datang dalam tema cahaya dan gelap, untuk sokongan yang lebih besar. Ini bermakna anda tidak sepatutnya menghadapi masalah mencari kotak pilihan yang sesuai dengan tapak web anda. Plus, anda boleh gunakan kelas tambahan seperti .ckbx-small atau .ckbx-xlarge untuk meningkatkan saiznya.

Dengan 25+ gaya yang berbeza dan pelbagai animasi yang berbeza, Saya perlu mengatakan Library Checkbox CSS ini mengagumkan. Hebat untuk mana-mana pembangun frontend mencari untuk menjimatkan masa dalam aliran kerja mereka dan memperbaiki reka bentuk UI bagi mana-mana borang web.