Домашняя » Веб-дизайн » Добавьте предварительно разработанные кнопки на ваш сайт с помощью Butns.css

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

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

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

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

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

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

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

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

    Хотя нет никакого вреда в перезаписывая некоторые из этих классов с вашими собственными предпочтениями. В этом прелесть каскадного эффекта в CSS.

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

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

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

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

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