Legg til forhåndsdefinerte knapper til nettstedet ditt med Butns.css

Frontend-rammer, for eksempel Bootstrap, kommer med deres egne knappestiler, men de har vanligvis ikke mye variasjon.

Den gratis Butns bibliotek tilbud en rekke tilpassede knappestiler uten hele rammen festet. Dette er perfekt for utviklere som har allerede en tilpasset sidedesign men ønsker ikke å håndtere sine egne knappestiler.

Du har praktisk talt ubegrensede valg og kombinasjoner å velge mellom. Butns har over 30 + forskjellige bakgrunns- / grensefarger at du kan blande og matche for tradisjonelle flate knapper eller piller knapper eller spøkelsesknapper.

Du kan også velge mellom forskjellige gradientstiler som har to forskjellige farger sammen. Disse graderingsknappene ser flotte ut med en dråpe skygge for økt preg effekt.

Sammen med farger og skygger kan du også endre formen, størrelsen og gjennomsiktigheten av hvilken som helst knapp.

Alt er kontrollert via CSS klasser, så du har virkelig full tilgang til alt i biblioteket.

Det jeg liker mest om Butns er at du enkelt kan bytt mellom ulike stiler like ved oppdaterer ett klassenavn. Det er ikke altfor komplisert system for å legge til stiler eller redigere et stilark. Du bytter bare klasser, og du er god til å gå.

Selv om det ikke er noen skade i overskrive noen av disse klassene med dine egne preferanser. Det er skjønnheten i cascading-effekten i CSS.

For å komme i gang bare laste ned .css fil fra Butns hjemmeside eller fra GitHub repo. De kobler begge til den mest oppdaterte versjonen, slik at begge måter er OK.

Når det er lagt til på din nettside, bare legg til klassen .knapp til alt du vil bli formet som en knapp. Derfra er det et spørsmål om legger til ekstra klasser basert på fargene, størrelsen og stilen til knappen du vil ha.

Ta en titt på GitHub-siden ned i nærheten av klasselisten. Du finner en full liste over alle klasser for å tilpasse farge, knapptype og visningsalternativer som små / store eller halvtransparente.

Butns.css er enkelt et av de mest omfattende knappene stilark på internett. Du kan legge til det på flere webprosjekter, og alle kan ha et annet utseende med dette ene biblioteket.

Det også spiller pent med andre rammer for eksempel Bootstrap siden klassene overlapper ikke. Så du kan flette Butns med nesten alle andre frontendrammer på markedet uten problemer.