Laman » Toolkit » Bttn.css - Butang CSS Awesome Di bawah 4Kb

    Bttn.css - Butang CSS Awesome Di bawah 4Kb

    Dengan begitu banyak cetakan CSS dan penjana kod percuma, tidak perlu mencipta semula roda. Pemaju pintar bergantung pada perpustakaan yang sedia ada untuk merangka elemen halaman mudah seperti menu navigasi dan butang.

    Satu perpustakaan sedemikian Bttn.css, dicipta oleh pemaju Ganapati V S. Karya beliau sangat indah dan perpustakaan butang ini merupakan salah satu yang terbaik untuk pembangunan frontend moden.

    Pada laman utama butang, anda boleh memilih antara saiz kecil, sederhana dan besar, bersama dengan pelbagai skim warna. Butang datang pra-dibina dan bersedia untuk pergi, jadi semua yang anda perlukan adalah pustaka CSS sebenar dan kelas yang betul untuk butang anda.

    Anda boleh memuat turun perpustakaan dari GitHub atau anda boleh menggunakannya Versi CDN untuk ujian tempatan. Ia juga berfungsi dalam IDE awan seperti CodePen jika anda mahu memberikannya dalam penyemak imbas anda.

    Bttn.css sebenarnya perpustakaan yang lebih kecil, menawarkan kira-kira 13 gaya yang berbeza. Sebahagian daripada ini termasuk gaya bahan, kecerunan, butang hantu, dan butang pil tradisional menggunakan sempadan bulat CSS3.

    Perhatikan perpustakaan ini serupa dengan perpustakaan Butns dalam menggunakan ejaan yang dipendekkan “butang” dan kod CSS tulen.

    Bagaimanapun, tawaran Bttn.css pelbagai gaya butang, bukannya satu perpustakaan besar unsur-unsur serupa. Inilah salah satu sebab saya cadangkan Bttn.css untuk hampir semua projek web-keluar dari semua 13 gaya, anda terikat untuk mencari sesuatu yang sesuai.

    Anda boleh membaca lebih lanjut dalam jawatan Sederhana ini, yang ditulis oleh pencipta Bttn.css. Dia menerangkan kenapa dia membuat perpustakaan dan tujuannya dalam projek pembangunan tipikal.

    Jika anda cari dokumentasi yang lebih lengkap ambil penglihatan di Repo GitHub. Ia menyenaraikan semua kelas CSS untuk gaya, saiz, dan warna, bersama dengan butiran pemasangan menggunakan CDN atau pengurus pakej seperti Bower.

    Pastikan juga untuk menyemak halaman demo untuk melihat apa yang boleh dilakukan oleh perpustakaan ini. Dan berasa bebas untuk berkongsi pendapat anda dengan pencipta di Twitter @ganapativs.