Добавьте готовые кнопки на свой сайт с помощью Butns.css

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

Свобода Библиотека Butns предлагает множество пользовательских стилей кнопок без всей рамки. Это идеально подходит для разработчиков, которые уже имеют собственный дизайн страницы, но не хотят заниматься созданием собственных стилей кнопок.

У вас есть практически безграничный выбор и комбинации. У Butns более 30+ различных цветов фона / границ, которые вы можете смешивать и сочетать для традиционных плоских кнопок или кнопок с таблетками или даже призрачные кнопки,

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Читайте также: Как создать 3D анимацию с помощью кнопок при помощи CSS

Вы также можете выбирать между разными стилями градиента, которые объединяют два разных цвета. Эти кнопки градиента выглядят потрясающе с падающей тенью для эффекта рельефного тиснения.

Наряду с цветами и тенями, вы также можете изменить форму, размер и прозрачность любой кнопки.

Все контролируется с помощью классов CSS, так что вы действительно имеете полный доступ ко всему в библиотеке.

Что мне больше всего нравится в Butns, так это то, что вы можете легко переключаться между различными стилями, просто обновляя одно имя класса. Не существует слишком сложной системы добавления стилей или редактирования таблицы стилей. Вы просто меняете классы, и все хорошо.

Хотя нет ничего плохого в том, чтобы переписывать некоторые из этих классов с вашими собственными предпочтениями. В этом прелесть каскадного эффекта в CSS.
Для начала просто загрузите файл .css с домашней страницы Butns или из репозитория GitHub, Они оба ссылаются на самую последнюю версию, так что в любом случае все в порядке.

Как только это будет добавлено на вашу веб-страницу, просто добавьте класс .button ко всему, что вы хотите сделать в форме кнопки. Отсюда добавление дополнительных классов в зависимости от цвета, размера и стиля нужной кнопки.

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

Butns.css – одна из самых полных таблиц стилей в Интернете. Вы можете добавить его в несколько веб-проектов, и все они могут выглядеть по-разному в этой библиотеке.

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

Читайте также: Кнопки «Призыв к действию»: рекомендации, лучшие практики и примеры