Ця бібліотека прапорець пропонує десятки безкоштовних стилів CSS
Шукаю користувацькі стилі інтерфейсу користувача для вашого веб-сайту? Подивіться на Бібліотека CSS Checkbox розміщено безкоштовно на GitHub.
Це масивна бібліотека підтримує десятки стилів для елементів прапорця, такі, як повзунки, вмикання / вимикання конструкцій, кола та квадрати серед багатьох інших форм.
ти отримати повний доступ до коду HTML / CSS, так що це вітер, щоб отримати його і працює на вашому сайті. Не кажучи вже про це також повністю відкритим джерелом та доступні як для особистих, так і для комерційних проектів.
Для початку можна відвідати репозицію GitHub і завантажити всі файли локально на вашу машину. Або ви можете встановити бібліотеку за допомогою npm.
За замовчуванням, кожен стиль відмітки поставляється з власним класом. The checkboxes.min.css
таблиця стилів має все необхідне, тому якщо це включено до сторінки, ви все налаштовано.
Кожен прапорець стилю підтримує сучасні браузери і більшість застарілих браузерів, включаючи IE9+.
Робочий процес для цієї бібліотеки, мабуть, найпростіший, який я коли-небудь бачив. Після додавання таблиці стилів на сторінку викопати всі стилі на основному демо і подивитися, що виділяється.
Звідти ви можете вибрати все, що найкраще працює. Натискання кнопки HTML відображає модаль з вихідним кодом для цього прапорця. Тепер просто скопіюйте / вставте його на свій сайт, дайте йому назву / значення (якщо застосовується), і ви все налаштовано!
Немає ніяких проблем, дуже мало налаштувань, і в основному не потрібні навички кодування.
Ви помітите кожен стиль прапорця приходить як у світлу, так і в темну тему, для більшої підтримки. Це означає, що ви не повинні мати жодних проблем із пошуком прапорця, який відповідає вашому веб-сайту. Плюс, ви можете використовувати додаткові класи як от .ckbx-малий
або .ckbx-xlarge
для збільшення розміру.
С 25+ різних стилів і багато різних анімацій, Я повинен сказати, що ця бібліотека CSS Checkbox вражає. Відмінно підходить для будь-якого розробника інтерфейсу, який прагне заощадити час у робочому процесі та покращити дизайн інтерфейсу користувача будь-якої веб-форми.