Přidat Pre-Designed tlačítka na vaše stránky s Butns.css

Rámce frontendu, například Bootstrap, přicházejí s jejich vlastní styly tlačítek, ale oni obvykle nemají mnoho odrůd.

Volný Knihovna Butns nabídky zabil vlastních stylů tlačítek bez celého rámce. To je ideální pro vývojáře, kteří již vlastní návrh stránky ale nechtějí se zabývat tvorbou vlastních stylů tlačítek.

Máte prakticky neomezené možnosti a kombinace na výběr. Butns má více než 30 + různé barvy pozadí / hranic , které můžete kombinovat s tradičními plochá tlačítka nebo pilulky tlačítka nebo dokonce ghost tlačítka.

Můžete také vybrat mezi různé styly přechodu které spojují dvě různé barvy dohromady. Tato tlačítka přechodu vypadají úžasně s vrženým stínem pro zvýšený reliéfní efekt.

Spolu s barvami a stíny můžete také změnit tvar, velikost a průhlednost libovolného tlačítka.

Vše je řízeny pomocí CSS tříd, takže máte opravdu úplný přístup ke všemu v knihovně.

Co se mi na Butns líbí, je, že můžete snadno přepínání mezi různými styly jen aktualizace jednoho názvu třídy. Neexistuje žádný příliš složitý systém přidávání stylů nebo úpravy stylů. Jenom si vyměňujete třídy a můžete jít.

Ačkoliv v tom není žádná škoda přepsání některých z těchto tříd s vlastními preferencemi. To je krása kaskádového efektu v CSS.

Chcete-li začít jen stáhnout .css soubor z domovské stránky Butns nebo z repo GitHub. Oba odkazují na nejaktuálnější verzi, takže obě možnosti jsou OK.

Jakmile je přidán na vaši webovou stránku, stačí připojit třídu .tlačítko na cokoliv, co chcete mít ve tvaru tlačítka. Odtud je to věc přidávání dalších tříd podle barev, velikosti a stylu požadovaného tlačítka.

Podívejte se na stránku GitHub v blízkosti seznamu tříd. Najdete tu úplný seznam všech tříd pro přizpůsobení barvy, typu tlačítka a možností zobrazení, jako jsou malé / velké nebo poloprůhledné.

Butns.css je snadno jeden z nejkomplexnějších tlačítek stylů tlačítek na webu. Můžete ji přidat do více webových projektů a všechny z nich mohou mají jiný vzhled s touto jednou knihovnou.

To také hraje pěkně s jinými rámci například Bootstrap od třídy se nepřekrývají. Takže můžete sloučit Butns s téměř jakýmkoli jiným rámcem na trhu bez potíží.