Pievienojiet savai vietnei iepriekš izveidotas pogas ar Butns.css
Frontend rāmji, piemēram, Bootstrap, nāk ar to pašu pogas stili, bet viņi parasti nav daudz šķirņu.
Bezmaksas Butns bibliotēka piedāvā pielāgoto pogu stilu pagrieziens bez visa ietvara. Tas ir ideāli piemērots izstrādātājiem jau ir pielāgots lapas dizains bet nevēlaties tikt galā ar savām pogām.
Jums ir praktiski neierobežotas izvēles un kombinācijas, no kurām izvēlēties. Butns ir vairāk nekā 30+ dažādas fona / robežas krāsas ka jūs varat sajaukt un saskaņot tradicionālos plakanas pogas vai tabletes pogas vai pat spoku pogas.
Varat arī izvēlēties starp dažādi gradienta stili ka kopā ir divas dažādas krāsas. Šīs gradienta pogas izskatās awesome ar pilienu ēnu par paaugstinātu reljefu.
Līdz ar krāsām un ēnām varat arī mainīt formu, lielumu un pārredzamību no jebkuras pogas.
Viss ir kontrolē ar CSS klasēm, tāpēc jums tiešām ir pilnīga piekļuve viss bibliotēkā.
Kas man patīk visvairāk par Butns, ir tas, ka jūs varat viegli pārslēgties starp dažādiem stiliem tikai vienas klases nosaukuma atjaunināšana. Nav pārāk sarežģītas sistēmas stilu pievienošanai vai stillapu rediģēšanai. Jūs vienkārši nomaināt klases, un jums ir labi iet.
Lai gan nav nekādu kaitējumu pārrakstīt dažas no šīm klasēm ar savām vēlmēm. Tas ir kaskādes efekta skaistums CSS.
Lai sāktu, vienkārši lejupielādēt .css
failu no Butns mājas lapas vai no GitHub repo. Abas ir saiknes ar visjaunāko versiju, lai tā būtu OK.
Tiklīdz tas ir pievienots jūsu tīmekļa lapai, vienkārši pievienojiet klasi .poga
uz visu, ko vēlaties veidot kā pogu. No turienes tas ir jautājums pievienojot papildu klases pamatojoties uz vēlamās pogas krāsu, izmēru un stilu.
Aplūkojiet GitHub lapu lejup pie klases saraksta. Jūs atradīsiet pilns saraksts ar visām klasēm krāsu, pogas tipa un displeja opciju, piemēram, maza / liela vai daļēji caurspīdīga, pielāgošanai.
Butns.css ir viegli viena no visplašākajām pogas stilu lapām tīmeklī. Jūs varat to pievienot vairākiem tīmekļa projektiem, un tie visi var ir atšķirīgs izskats ar šo vienu bibliotēku.
Tas arī labi darbojas ar citām sistēmām piemēram, Bootstrap kopš klases nepārklājas. Tātad jūs varat apvienot Butns ar gandrīz jebkuru citu frontendu sistēmu tirgū bez problēmu.