Bttn.css - Butoane CSS minunate sub 4Kb

Cu atât de mulți fragmente CSS gratuite și generatoare de coduri, nu este nevoie să reinventezi roata. Dezvoltatorii inteligenți se bazează pe bibliotecile existente pentru a realiza elemente de pagină simple, cum ar fi meniurile de navigare și butoanele.

O astfel de bibliotecă este Bttn.css, creat de dezvoltatorul Ganapati V S. Lucrarea sa este rafinată și această bibliotecă de butoane este una dintre cele mai bune pentru dezvoltarea frondelor moderne.

Pe pagina principală a butoanelor, puteți selecta între dimensiuni mici, medii și mari, impreuna cu diferite scheme de culori. Butoanele vin predefiniteLINK_END și gata de plecare, astfel încât tot ce aveți nevoie este actuala bibliotecă CSS și clasele potrivite pentru butoanele dvs..

Puteți descărca biblioteca de la GitHub sau puteți folosi Versiunea CDN pentru testare locală. E chiar funcționează în IDE-uri de tip cloud cum ar fi CodePen, dacă doriți să o faceți într-un browser.

Bttn.css este de fapt o bibliotecă mai mică, care oferă aproximativ 13 stiluri diferite. Unele dintre acestea includ stiluri de materiale, gradienți, butoane fantomă și butoane tradiționale pentru pilule care folosesc granițele rotunjite CSS3.

Rețineți că această bibliotecă este similar cu biblioteca Butns folosind o ortografie scurtă “butoane” și codul CSS pur.

Cu toate acestea, Bttn.css oferă diferite stiluri de butoane, mai degrabă decât o mare bibliotecă de elemente similare. Acesta este unul dintre motivele pentru care recomand Bttn.css pentru aproape orice proiect web din toate cele 13 stiluri, ești obligat să găsești ceva care se potrivește.

Puteți citi mai multe în acest post Mediu, scris de creatorul site-ului Bttn.css. El explica de ce a făcut biblioteca și ce scop servește într-un proiect tipic de dezvoltare.

Dacă căutați documentație mai completă arunca o privire la GitHub repo. Se afișează toate clasele CSS pentru stiluri, dimensiuni și culori, împreună cu instalarea detaliilor folosind CDN sau un manager de pachete, cum ar fi Bower.

Asigurați-vă, de asemenea, că verificați pagina demo pentru a vedea ce poate face această bibliotecă. Și nu ezitați să vă împărtășiți gândurile cu creatorul pe Twitter @ganapativs.