Bttn.css - Удивительные кнопки CSS до 4Kb

С таким количеством бесплатные фрагменты CSS и генераторы кода, нет необходимости изобретать велосипед. Умные разработчики полагаются на существующие библиотеки для создания простых элементов страницы, таких как навигационные меню и кнопки.

Одна такая библиотека Bttn.css, созданный разработчиком Ganapati V S. Его работа изящна, и эта библиотека кнопок является одной из лучших для современной разработки веб-интерфейса.

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

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

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

Обратите внимание, что эта библиотека похож на библиотеку Butns в использовании сокращенного написания “кнопки” и чистый код CSS.

Тем не менее, Bttn.css предлагает различные стили кнопок, а не одна большая библиотека похожих элементов. Это одна из причин, по которой я рекомендую Bttn.css практически для любого веб-проекта из всех 13 стилей, вы обязательно найдете что-то подходящее.

Вы можете прочитать больше в этом посте Medium, написанном создателем Bttn.css. Он объясняет почему он сделал библиотеку а также какой цели это служит в типичном проекте развития.

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

Не забудьте также проверить демонстрационная страница чтобы увидеть, что может сделать эта библиотека. И не стесняйтесь делиться своими мыслями с создателем в его Twitter @ganapativs.