Pridajte predpripravené tlačidlá na svoje stránky pomocou Butns.css

Frontend rámcov, ako Bootstrap, prichádzajú s ich vlastné štýly tlačidiel, ale oni zvyčajne nemajú veľa rozmanitosti.

Voľný Butns knižnica ponúk zber vlastných štýlov tlačidiel bez pripojenia celého rámca. To je ideálne pre vývojárov, ktorí už majú vlastný dizajn stránky ale nechcú sa zaoberať tvorbou vlastných štýlov gombíkov.

Máte prakticky neobmedzené možnosti a kombinácie na výber. Butns má viac ako 30 rôznych farieb pozadia / hraníc že môžete mixovať a porovnávať s tradičnými ploché tlačidlá alebo pilulky alebo dokonca tlačidlá duchov.

Môžete tiež vybrať medzi rôzne štýly gradientu ktoré navzájom zoskupujú dve rôzne farby. Tieto gradientové tlačidlá vyzerajú úžasne s tieňom pre zvýšenie efektov embosovania.

Spolu s farbami a tieňmi môžete tiež zmeniť tvar, veľkosť a priehľadnosť ľubovoľného tlačidla.

Všetko je riadené prostredníctvom tried CSS, takže naozaj máte úplný prístup ku všetkému v knižnici.

To, čo sa najviac páči na Butns, je, že môžete ľahko prepínať medzi rôznymi štýlmi len o Aktualizácia jedného názvu triedy. Nie je príliš komplexný systém pridávania štýlov alebo úpravy štýlov. Stačí si vymeniť triedu a máte dobré ísť.

Hoci to nie je žiadna škoda prepísanie niektorých z týchto tried s vlastnými preferenciami. To je krása kaskádového efektu v CSS.

Začnite len tak stiahnite si .css súbor z domovskej stránky Butns alebo z repo GitHub. Obaja odkazujú na najaktuálnejšiu verziu, takže je to buď v poriadku.

Akonáhle je to pridané na vašu webovú stránku, stačí pripojiť triedu .gombík na čokoľvek chcete byť tvarované ako tlačidlo. Odtiaľ je to otázka pridanie ďalších tried na základe farieb, veľkosti a štýlu požadovaného tlačidla.

Pozrite sa na stránku GitHub v blízkosti zoznamu tried. Nájdete tu a úplný zoznam všetkých tried na prispôsobenie farby, typu tlačidla a možnosti zobrazenia, ako sú malé / veľké alebo polopriehľadné.

Butns.css je ľahké jeden z najkomplexnejších šablón štýlov tlačidiel na webe. Môžete ho pridať do viacerých webových projektov a všetci môžu mať iný pohľad s touto jednou knižnicou.

To tiež hraje pekne s inými rámcami ako Bootstrap od triedy neprekrývajú. Takže môžete zlúčiť Butns s takmer akýmkoľvek iným rámcom frontend na trhu bez problémov.