Tambah Butang Pra-Direka ke Laman Anda dengan Butns.css

Rangka kerja frontend, seperti Bootstrap, datang bersama mereka gaya butang sendiri, tetapi mereka biasanya tidak mempunyai banyak variasi.

Percuma Perpustakaan lembu tawaran gaya slew gaya adat tanpa keseluruhan rangka kerja yang dilampirkan. Ini sesuai untuk pemaju yang sudah mempunyai reka bentuk halaman tersuai tetapi tidak mahu berurusan dengan gaya butang mereka sendiri.

Anda mempunyai pilihan dan kombinasi tanpa had untuk dipilih. Butiran mempunyai lebih 30+ warna latar belakang / sempadan yang berbeza bahawa anda boleh mencampur & padan untuk tradisional butang rata atau pil pil atau bahkan butang hantu.

Anda juga boleh memilih antara gaya kecerunan yang berlainan yang memancarkan dua warna yang berbeza bersama-sama. Butang kecerunan ini kelihatan hebat dengan bayangan drop untuk kesan embossing yang dibangkitkan.

Bersama-sama dengan warna dan bayang-bayang, anda juga boleh mengubah bentuk, saiz, dan ketelusan mana-mana butang.

Semuanya dikawal melalui kelas CSS, jadi anda benar-benar mempunyai akses lengkap kepada segala-galanya di perpustakaan.

Apa yang paling saya sukai tentang Butns ialah dengan mudah beralih antara gaya yang berbeza hanya dengan mengemaskini satu nama kelas. Tidak ada sistem yang terlalu rumit untuk menambah gaya atau menyunting lembaran gaya. Anda hanya menukar kelas, dan anda baik untuk pergi.

Walaupun tidak ada bahaya menimpa beberapa kelas ini dengan keutamaan anda sendiri. Itulah kecantikan kesan cascading dalam CSS.

Untuk bermula hanya muat turun .css fail dari halaman rumah Butn atau dari repo GitHub. Kedua-duanya menghubungkan ke versi paling terkini supaya sama ada cara OK.

Setelah itu ditambahkan ke halaman web anda, hanya tambah kelas .butang untuk apa sahaja yang anda mahu dibentuk seperti butang. Dari sana ia adalah masalah menambah kelas tambahan berdasarkan warna, saiz, dan gaya butang yang anda inginkan.

Lihat halaman GitHub di bawah senarai kelas. Anda akan dapati senarai penuh semua kelas untuk menyesuaikan warna, jenis butang, dan pilihan paparan seperti kecil / besar atau separa telus.

Butns.css adalah mudah salah satu helaian gaya kunci yang paling komprehensif di web. Anda boleh menambahnya ke beberapa projek web, dan semuanya boleh mempunyai rupa yang berbeza dengan perpustakaan ini.

Ia juga bermain dengan baik dengan kerangka lain seperti Bootstrap sejak kelas tidak bertindih. Jadi, anda boleh menggabungkan Butns dengan hampir semua rangka frontend lain di pasaran tanpa kerumitan.