Добавете предварително проектирани бутони към вашия сайт с Butns.css

Фронтендните рамки, като Bootstrap, идват с техните стилове на бутони, но те обикновено не са много разнообразни.

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

Имате практически неограничени възможности за избор и комбинации, от които да избирате. Butns има над 30 различни цвята фон / граница че можете да смесвате и съчетавате традиционните плоски бутони или бутони за хапчета или дори призрачни бутони.

Можете също да избирате между тях различни стилове на градиента които обединяват два различни цвята заедно. Тези градиент бутони изглеждат страхотно с капка сянка за повдигнати релефен ефект.

Наред с цветовете и сенките, можете също промяна на формата, размера и прозрачността на всеки бутон.

Всичко е контролирани чрез CSS класове, така че наистина имате пълен достъп до всичко в библиотеката.

Това, което ми харесва най-много в Butns е, че можете лесно превключвате между различни стилове само от актуализиране на едно име на клас. Няма прекалено сложна система за добавяне на стилове или редактиране на стилове. Просто разменяте класове и вие сте добре.

Въпреки че няма никакво зло презаписване на някои от тези класове с вашите предпочитания. Това е красотата на каскадния ефект в CSS.

За да започнете изтегляне на. \ t .CSS досие от началната страница на Butns или от GitHub repo. И двамата се свързват с най-актуалната версия, така или иначе.

След като се добави към уеб страницата Ви, просто добавете класа .бутон за всичко, което искате да бъде оформена като бутон. От там е въпрос на добавяне на допълнителни класове въз основа на цветовете, размера и стила на желания от вас бутон.

Разгледайте страницата на GitHub в близост до списъка с класове. Ще намерите пълен списък на всички класове за персонализиране на цвят, тип бутон и опции за показване като малки / големи или полупрозрачни.

Butns.css е лесно една от най-изчерпателните стилове на бутони в мрежата. Можете да го добавите към множество уеб проекти и всички те могат имат различен поглед с тази една библиотека.

То също играе добре с други рамки като Bootstrap след класовете не се припокриват. Така че можете да обедините Butns с почти всяка друга фронтенд рамка на пазара без никакви проблеми.