Додати попередньо розроблені кнопки на ваш сайт з Butns.css

Фронтендні рамки, такі як Bootstrap, поставляються разом з ними власні стилі кнопок, але вони зазвичай не мають багато різноманітності.

Безкоштовно Бібліотека Бутс пропозицій безліч спеціальних стилів кнопок без всієї рамки. Це ідеально підходить для розробників, які вже має власний дизайн сторінки але не хочете мати справу зі створенням власних стилів кнопок.

Ви маєте практично безмежні можливості вибору та комбінації. Бутс більше 30 + різних кольорів фону / кордону що ви можете змішувати і поєднувати традиційні плоскі кнопки або таблетки кнопки або навіть кнопки привид.

Ви також можете вибирати між ними різні стилі градієнта що сітка двох різних кольорів разом. Ці кнопки градієнта виглядають дивовижно з тіньою для ефекту підвищеного тиснення.

Поряд з кольорами та тінями, ви можете також змінювати форму, розмір і прозорість будь-якої кнопки.

Все є контролюється за допомогою класів CSS, так що ви дійсно маєте повний доступ до всього в бібліотеці.

Що мені найбільше подобається в Butns, це те, що ви можете легко перемикатися між різними стилями відразу оновлення одного імені класу. Немає надмірно складної системи додавання стилів або редагування таблиці стилів. Ви просто міняєте заняття, і ви добре йти.

Хоча немає шкоди перезаписуючи деякі з цих класів з власними уподобаннями. Це краса каскадного ефекту в CSS.

Для початку просто завантажити. \ t .css файл з головної сторінки Butns або з репо GitHub. Вони обидва посилаються на найсучаснішу версію, тому в будь-якому випадку все в порядку.

Після додавання до веб-сторінки додайте клас .кнопки до всього, що ви хочете бути сформованим як кнопка. Звідти це питання додавання додаткових класів на основі кольорів, розміру та стилю потрібної кнопки.

Погляньте на сторінку GitHub вниз біля списку класів. Ви знайдете Повний список всіх класів для налаштування кольорів, типів кнопок і параметрів відображення, таких як малі / великі або напівпрозорі.

Butns.css легко одна з найбільш повних таблиць стилів в Інтернеті. Ви можете додати його до декількох веб-проектів, і всі вони можуть мати інший вигляд з цією бібліотекою.

Він також добре грає з іншими рамками наприклад Bootstrap з часу класи не перетинаються. Таким чином, ви можете об'єднати Butns практично з будь-яким іншим фронтендним каркасом на ринку без будь-яких проблем.