Dodaj Pre-Designed Buttons na svoje stranice s Butns.css
Okviri sučelja, kao što je Bootstrap, dolaze s njihovim vlastiti stil tipki, ali oni obično nemaju mnogo raznolikosti.
Besplatno Butnsova knjižnica ponude niz prilagođenih stilova gumba bez cijelog okvira. To je savršeno za programere koji već imate prilagođeni dizajn stranice ali ne želite se baviti izradom vlastitih stilskih tipki.
Imate praktički neograničene izbore i kombinacije koje možete odabrati. Butns ima preko 30 različitih boja pozadine / obruba koje možete miješati i podudarati s tradicionalnim ravne tipke ili gumbi za pilule ili čak tipke duhova.
Također možete birati između različitih stilova gradijenta koje međusobno povezuju dvije različite boje. Ove tipke za gradijent izgledaju sjajno s kapljicom za povišen efekt utiskivanja.
Uz boje i sjene također možete promijeniti oblik, veličinu i transparentnost bilo koje tipke.
Sve je kontrolira putem CSS klasa, tako da stvarno imate potpuni pristup svemu u knjižnici.
Ono što mi se najviše sviđa kod Butnsa je to što lako možete prebacivanje između različitih stilova odmah ažuriranje jednog naziva klase. Ne postoji pretjerano složen sustav dodavanja stilova ili uređivanje stila. Vi samo mijenjate nastavu, i dobro je ići.
Iako nema štete prepisati neke od tih razreda s vlastitim željama. To je ljepota kaskadnog učinka u CSS-u.
Za početak preuzmite .css
datoteka s Butnsove početne stranice ili iz GitHub repo-a. Oboje povezuju najsvježiju verziju, tako da je oba načina u redu.
Kada se to doda na web-stranicu, samo dodajte razred .dugme
na sve što želite oblikovati kao gumb. Od tamo je stvar dodavanje dodatnih razreda na temelju boja, veličine i stila željenog gumba.
Pogledajte GitHub stranicu dolje pored popisa razreda. Naći ćete popis svih razreda za prilagođavanje boja, vrsta gumba i opcija prikaza kao što su male / velike ili polu-prozirne.
Butns.css je lako jedna od najopsežnijih stilskih tipki gumba na internetu. Možete ga dodati na više web-projekata, a svi oni mogu imaju drugačiji izgled s ovom jednom knjižnicom.
Također dobro se igra s drugim okvirima kao što je Bootstrap od klase se ne preklapaju. Tako možete spojiti Butns s gotovo bilo kojim drugim frontend okvirom na tržištu bez muke.