Voeg vooraf ontworpen knoppen toe aan uw site met Butns.css

Frontend-frameworks, zoals Bootstrap, komen met hun eigen knopstijlen, maar zij heb meestal niet veel variatie.

Het gratis Butns-bibliotheek aanbiedingen een keur aan aangepaste knopstijlen zonder het hele kader bevestigd. Dit is perfect voor ontwikkelaars die hebben al een aangepast paginaontwerp maar willen niet omgaan met het maken van hun eigen knopstijlen.

Je hebt praktisch onbegrensde keuzes en combinaties om uit te kiezen. Butns heeft meer dan 30+ verschillende achtergrond / grenskleuren die je kunt mixen en matchen voor traditioneel platte knoppen of pil knoppen of zelfs Ghost-knoppen.

Je kunt ook kiezen tussen verschillende gradiëntstijlen die twee verschillende kleuren samenvoegen. Deze verloopknoppen zien er geweldig uit met een slagschaduw voor een verhoogd reliëfeffect.

Samen met kleuren en schaduwen, kunt u ook de vorm, grootte en transparantie wijzigen van elke knop.

Alles is bestuurd via CSS-klassen, dus je hebt echt volledige toegang tot alles in de bibliotheek.

Wat ik het leukste vind aan Butns is dat je het gemakkelijk kunt doen schakelen tussen verschillende stijlen gewoon door bijwerken van een klassenaam. Er is geen overdreven complex systeem van het toevoegen van stijlen of het bewerken van een stylesheet. Je ruilt gewoon klassen, en je bent klaar om te gaan.

Hoewel er geen kwaad in zit sommige van deze klassen overschrijven met uw eigen voorkeuren. Dat is de schoonheid van het cascaderingseffect in CSS.

Om net te beginnen download de .css het dossier vanaf de Butns-startpagina of vanuit de GitHub-repo. Ze linken allebei naar de meest actuele versie, dus beide manieren zijn in orde.

Zodra dat is toegevoegd aan uw webpagina, gewoon de klas toevoegen .knop voor alles dat u als een knop wilt laten vormen. Vanaf daar is het een kwestie van extra klassen toevoegen op basis van de kleuren, grootte en stijl van de gewenste knop.

Bekijk de GitHub-pagina in de buurt van de klassenlijst. Je zult een vinden volledige lijst van alle klassen voor het aanpassen van de kleur, knoptype en weergave-opties, zoals klein / groot of semi-transparant.

Butns.css is gemakkelijk een van de meest uitgebreide knopstijlbladen op internet. U kunt het aan meerdere webprojecten toevoegen, en dat kunnen ze allemaal hebben een ander uiterlijk met deze ene bibliotheek.

Het ook speelt mooi met andere kaders zoals Bootstrap sinds de klassen overlappen elkaar niet. Dus je kunt Butns zonder problemen met vrijwel elk ander frontend framework op de markt samenvoegen.