Bu Onay Kutusu Kütüphanesi, Düzinelerce Ücretsiz CSS Onay Kutusu Stili Sunuyor

Aramak özel onay kutusu kullanıcı Arabirimi stilleri web siten için Bir göz atın CSS Onay Kutusu Kütüphanesi GitHub'da ücretsiz olarak barındırılıyor.

Bu büyük kütüphane onay kutusu öğeleri için onlarca stil destekler, sürgü, açma / kapama tasarımları, daireler ve kareler gibi.

Sen HTML / CSS koduna tam erişim, bu yüzden onu sitenize yayına sokmak ve çalıştırmak için bir esinti. Tabii ki tamamen açık kaynaklı ve kişisel ve ticari projeler için kullanılabilir.

Başlamak için GitHub deposunu ziyaret edebilirsiniz. tüm dosyaları yerel olarak makinenize indirin. Ya da kütüphaneyi npm ile yükleyebilirsiniz..

Varsayılan olarak, Her onay kutusu stili kendi sınıfı ile birlikte gelir.. checkboxes.min.css stylesheet ihtiyacınız olan her şeye sahiptir, bu yüzden eğer sayfanıza eklenmişse, hepiniz hazırsınız demektir.

Her onay kutusu stili IE9 dahil olmak üzere modern tarayıcıları ve birçok eski tarayıcıyı destekler+.

Bu kütüphanenin iş akışı belki de şimdiye kadar gördüğüm en basit şey. Sayfanıza stil sayfanız eklendiğinde, Ana demodaki tüm stilleri araştırın ve ne öne çıkıyor.

Oradan, en iyi olanı seçebilirsiniz. HTML düğmesini tıklatarak bu onay kutusunun kaynak kodunu içeren bir modeli gösterir. Şimdi, kopyalayıp sitenize yapıştırın, ona uygun isim / değer verin (varsa) ve hepiniz hazırsınız!

Zorluk yok, çok az kişiselleştirme ve temelde kodlama becerisi gerektirmiyor.

Her onay kutusu stilini fark edeceksiniz hem aydınlık hem de karanlık tema olarak geliyor, daha fazla destek için. Bu, web sitenize uyan bir onay kutusunu bulmakta sorun yaşamamanız gerektiği anlamına gelir. Artı, yapabilirsin ek sınıflar kullanın gibi .ckbx-küçük veya .ckbx-xlarge boyutunu artırmak.

İle 25+ farklı stil ve birçok farklı animasyon, Bu CSS Onay Kutusu Kütüphanesinin etkileyici olduğunu söylemeliyim. İş akışlarında zamandan tasarruf etmek isteyen ön uç geliştiriciler için idealdir. herhangi bir web formunun UI tasarımını geliştirmek.