Эта библиотека флажков предлагает десятки бесплатных стилей флажков CSS

Находясь в поиске пользовательские стили интерфейса флажка для вашего сайта? Взгляните на Библиотека флажков CSS размещен бесплатно на GitHub.

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

Вы получить полный доступ к коду HTML / CSS, так что проще всего запустить его на своем сайте. Не говоря уже о том, что он также полностью открыт и доступны как для личных, так и для коммерческих проектов.

Чтобы начать, вы можете посетить репозиторий GitHub и скачать все файлы локально на свой компьютер. Или вы можете установить библиотеку через npm.

По умолчанию, каждый стиль флажка идет со своим собственным классом. checkboxes.min.css В таблице стилей есть все, что вам нужно, поэтому, если она включена в вашу страницу, то все готово.

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

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

Оттуда вы можете выбрать все, что работает лучше всего. Нажатие кнопки HTML отображает модальный с исходным кодом для этого флажка. Теперь просто скопируйте / вставьте его на свой сайт, дать ему правильное имя / значение (если применимо), и все готово!

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

Вы заметите каждый стиль флажка приходит в светлой и темной теме, для большей поддержки. Это означает, что у вас не должно возникнуть проблем с поиском флажка, подходящего для вашего сайта. Плюс вы можете использовать дополнительные классы такие как .ckbx-маленький или же .ckbx-XLarge увеличить размер.

С 25+ разных стилей и много разных анимаций, Я должен сказать, что эта библиотека CSS Checkbox впечатляет. Отлично подходит для любого разработчика, желающего сэкономить время в своем рабочем процессе и улучшить дизайн пользовательского интерфейса любой веб-формы.