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

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

Читайте также: Дизайн пользовательского интерфейса: глянцевые кнопки с градиентом CSS3

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

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

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

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

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

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

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

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

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

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

            <script async src="https://triu.ru/wp-content/litespeed/localres/aHR0cHM6Ly9wbGF0Zm9ybS50d2l0dGVyLmNvbS93aWRnZXRzLmpz" charset="utf-8"></script>