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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также: 4 UX Design Form UX, которые вы должны знать (с примерами)