Tambahkan Tombol Pra-Desain ke Situs Anda dengan Butns.css

Kerangka kerja frontend, seperti Bootstrap, datang dengan mereka gaya tombol sendiri, tapi mereka biasanya tidak memiliki banyak variasi.

Bebas Pustaka lumbung penawaran banyak gaya tombol kustom tanpa seluruh kerangka kerja terlampir. Ini sangat cocok untuk pengembang yang sudah memiliki desain halaman khusus tetapi tidak ingin berurusan dengan membuat gaya tombol mereka sendiri.

Praktis Anda memiliki pilihan dan kombinasi tanpa batas untuk dipilih. Butn punya lebih dari 30 warna latar belakang / perbatasan yang berbeda Anda dapat mencampur & mencocokkan untuk tradisional tombol datar atau tombol pil atau bahkan tombol hantu.

Anda juga dapat memilih di antara gaya gradien yang berbeda yang menyatukan dua warna berbeda. Tombol-tombol gradien ini terlihat luar biasa dengan bayangan drop untuk efek timbul timbul.

Seiring dengan warna dan bayangan, Anda juga bisa ubah bentuk, ukuran, dan transparansi tombol apa saja.

Semuanya adalah dikontrol melalui kelas CSS, jadi Anda benar-benar memiliki akses lengkap ke semua yang ada di perpustakaan.

Yang paling saya sukai dari Butn adalah Anda bisa dengan mudah beralih di antara gaya yang berbeda hanya dengan memperbarui satu nama kelas. Tidak ada sistem yang terlalu rumit untuk menambahkan gaya atau mengedit lembar gaya. Anda hanya bertukar kelas, dan Anda siap melakukannya.

Meskipun tidak ada salahnya masuk menimpa beberapa kelas ini dengan preferensi Anda sendiri. Itulah keindahan efek cascading di CSS.

Untuk memulai saja unduh .css mengajukan dari halaman beranda Butns atau dari repo GitHub. Keduanya menautkan ke versi yang paling baru sehingga keduanya tidak masalah.

Setelah itu ditambahkan ke halaman web Anda, cukup tambahkan kelas .tombol untuk apa pun yang ingin Anda bentuk seperti tombol. Dari sana itu masalah menambahkan kelas tambahan berdasarkan warna, ukuran, dan gaya tombol yang Anda inginkan.

Lihatlah halaman GitHub di dekat daftar kelas. Anda akan menemukan daftar lengkap semua kelas untuk menyesuaikan warna, jenis tombol, dan opsi tampilan seperti kecil / besar atau semi-transparan.

Butns.css mudah salah satu stylesheet tombol yang paling komprehensif di web. Anda dapat menambahkannya ke beberapa proyek web, dan semuanya bisa memiliki tampilan yang berbeda dengan perpustakaan yang satu ini.

Juga bermain dengan baik dengan framework lain seperti Bootstrap sejak kelas tidak tumpang tindih. Jadi, Anda dapat menggabungkan Butn dengan hampir semua kerangka frontend lainnya di pasar tanpa kesulitan.