Adăugați butoane preproiectate site-ului dvs. cu Butns.css

Cadrele frontale, cum ar fi Bootstrap, vin cu ei propriile stiluri de butoane, dar ei nu au de obicei o mare varietate.

Liberul Butns bibliotecă promoții o mulțime de stiluri de butoane personalizate fără întregul cadru atașat. Acest lucru este perfect pentru dezvoltatorii care aveți deja un design personalizat al paginii dar nu doresc să se ocupe de realizarea propriilor stiluri de butoane.

Aveți opțiuni și combinații practic nelimitate pentru a alege de la. Butns are peste 30 de culori diferite de fond / de margine pe care le puteți amesteca și potrivi pentru tradiționale butoane plate sau pilulele pentru pilule sau chiar butoane fantomă.

De asemenea, puteți alege între diferite stiluri de gradient care împrăștie două culori diferite împreună. Aceste butoane gradient arată minunat cu o umbră de picătură pentru un efect de relief reliefat.

Împreună cu culorile și umbrele, puteți, de asemenea modificați forma, dimensiunea și transparența de orice buton.

Totul este controlat prin clasele CSS, așa că aveți într-adevăr un acces complet la tot ce există în bibliotecă.

Ceea ce îmi place cel mai mult pe Butns este că poți să-l poți ușor comuta între diferite stiluri doar prin actualizarea unui nume de clasă. Nu există un sistem prea complex de adăugare de stiluri sau de editare a unei foi de stil. Trebuie doar să schimbi clasele și ești bine să pleci.

Deși nu există nici un rău în suprascrierea unor clase cu propriile preferințe. Aceasta este frumusețea efectului cascadă în CSS.

Pentru a începe doar descărcați .css fişier de pe pagina de pornire Butns sau din repo GitHub. Ambele se leagă de cea mai recentă versiune, astfel încât oricum este bine.

Odată ce a fost adăugat la pagina dvs. web, doar adăugați clasa .buton la orice vrei să fii în formă de buton. De acolo este o chestiune de adăugând clase suplimentare bazat pe culorile, dimensiunile și stilul butonului dorit.

Uitați-vă la pagina GitHub de lângă lista de clase. Veți găsi a lista completă a tuturor claselor pentru personalizarea culorii, a tipului de buton și a opțiunilor de afișare, cum ar fi mici / mari sau semi-transparente.

Butns.css este ușor una dintre cele mai complete stiluri de butoane pe internet. Puteți să-l adăugați la mai multe proiecte web și toate acestea pot au un aspect diferit cu această bibliotecă.

De asemenea joacă frumos cu alte cadre cum ar fi Bootstrap de la clasele nu se suprapun. Deci, puteți fuziona Butns cu aproape orice alt cadru frontal de pe piață fără probleme.