Начална » Toolkit » Bttn.css - страхотни CSS бутони под 4Kb

    Bttn.css - страхотни CSS бутони под 4Kb

    С толкова много безплатни CSS фрагменти и генератори на кодове, няма нужда да изобретявате колелото. Интелигентните разработчици разчитат на съществуващи библиотеки, за да създават прости елементи на страницата, като навигационни менюта и бутони.

    Една такава библиотека е Bttn.css, създаден от разработчика Ganapati V S. Работата му е изискана и тази библиотека с бутони е една от най-добрите за модерна разработка на frontend.

    На началната страница на бутоните можете да избирате между малки, средни и големи размери, заедно с различни цветови схеми. Бутоните идват предварително изграден и готов да тръгвам, така че всичко, от което се нуждаете, е действителната CSS библиотека и правилните класове за вашите бутони.

    Можете да изтеглите библиотеката от GitHub или можете да използвате CDN версия за локални тестове. Той дори работи в облачни IDE като CodePen, ако искате да го направите в браузъра си.

    Bttn.css всъщност е по-малка библиотека, предлагаща около 13 различни стила. Някои от тях включват стилове на материали, градиенти, бутони за призрак и традиционните бутони за таблетки, използващи заоблени граници на CSS3.

    Забележете, че тази библиотека е подобно на библиотеката Butns при използване на съкратен правопис на “бутони” и чист CSS код.

    Въпреки това, Bttn.css предлага различни стилове на бутони, вместо една голяма библиотека с подобни елементи. Това е една от причините, поради които препоръчвам Bttn.css за почти всеки уеб проект от всички 13 стила, вие със сигурност ще намерите нещо, което отговаря на.

    Можете да прочетете повече в този среден пост, написан от създателя на Bttn.css. Той обяснява защо е направил библиотеката и каква цел служи в типичен проект за развитие.

    Ако търсите по-пълна документация погледни GitHub репо. В него са изброени всички CSS класове за стилове, размери и цветове, както и подробности за инсталирането с помощта на CDN или мениджър на пакети като Bower.

    Не забравяйте също да проверите демо страница за да видим какво може да направи тази библиотека. И не се колебайте да споделите мислите си с създателя на неговия Twitter @ganapativs.