Dodajte predhodno oblikovane gumbe na vašo spletno stran z Butns.css
Okviri frontendov, kot je Bootstrap, prihajajo z njihovimi lastnih stilov gumbov, ampak oni ponavadi nimajo veliko raznolikosti.
Brezplačno Butnsova knjižnica ponudbe množica gumbov po meri brez priloženega celotnega okvira. To je kot nalašč za razvijalce, ki že imajo prilagojeno obliko strani vendar se ne želite ukvarjati z izdelavo lastnih stilskih gumbov.
Na voljo imate praktično neomejene izbire in kombinacije. Butns ima več kot 30 različnih barv ozadja / obrobe da lahko mešate in se ujemate s tradicionalnimi ploski gumbi ali gumbi za tablete ali celo tipke duhov.
Izberete lahko tudi med različni slogovi preliva ki združita dve različni barvi skupaj. Ti gradientni gumbi izgledajo čudovito s senco padca za zvišan učinek reliefa.
Poleg barv in senc lahko tudi spremenite obliko, velikost in preglednost katerega koli gumba.
Vse je nadzorovana prek razredov CSS, tako da imate resnično popoln dostop do vsega, kar je v knjižnici.
Kaj mi je najbolj všeč v Butns je, da lahko enostavno preklapljate med različnimi slogi pravkar posodabljanje imena razreda. Ni preveč zapletenega sistema dodajanja slogov ali urejanja slogovnih slogov. Samo zamenjate razrede in ste pripravljeni.
Čeprav ni škode prepisovanje nekaterih od teh razredov s svojimi željami. To je lepota kaskadnega učinka v CSS.
Za začetek prenesite .css
mapa iz domače strani Butnsa ali iz replike GitHub. Obe sta povezani z najnovejšo različico, tako da je vse v redu.
Ko je dodana na vašo spletno stran, samo dodajte razred .gumb
na vse, kar želite oblikovati kot gumb. Od tam je stvar dodajanje dodatnih razredov temelji na barvah, velikosti in slogu želenega gumba.
Oglejte si stran GitHub v bližini seznama razredov. Boste našli popoln seznam vseh razredov za prilagajanje barv, tipov gumbov in možnosti prikaza, kot so majhna / velika ali polprosojna.
Butns.css je enostavno ena najbolj obsežnih slogovnih gumbov gumbov na spletu. Dodate ga lahko v več spletnih projektov in vsi lahko drugačen pogled s to eno knjižnico.
Tudi z drugimi okviri kot je Bootstrap od razredi se ne prekrivajo. Tako lahko združite Butns s skoraj katerim koli drugim frontend okvirjem na trgu brez težav.