Ta biblioteka pól wyboru oferuje dziesiątki darmowych stylów pola wyboru CSS

Szukam niestandardowe style interfejsu użytkownika w polu wyboru na swojej stronie? Rzuć okiem na Biblioteka wyboru CSS hostowane za darmo na GitHub.

Ta ogromna biblioteka obsługuje dziesiątki stylów dla pól wyboru, takie jak suwaki, projekty on / off, okręgi i kwadraty wśród wielu innych kształtów.

ty uzyskać pełny dostęp do kodu HTML / CSS, więc to bardzo proste, aby go uruchomić i uruchomić na swojej stronie. Nie wspominając, że jest również w pełni otwarty i dostępne zarówno dla projektów osobistych, jak i komercyjnych.

Aby rozpocząć, możesz odwiedzić repozytorium GitHub i pobierz wszystkie pliki lokalnie na swój komputer. Możesz też zainstalować bibliotekę za pomocą npm.

Domyślnie, każdy styl pola wyboru ma własną klasę. The pola wyboru.min.css Arkusz stylów ma wszystko, czego potrzebujesz, więc jeśli to jest zawarte na twojej stronie, to wszystko jest gotowe.

Każdy styl pola wyboru obsługuje nowoczesne przeglądarki i większość starszych przeglądarek, w tym IE9+.

Przepływ pracy dla tej biblioteki jest prawdopodobnie najprostszy, jaki kiedykolwiek widziałem. Po dodaniu arkusza stylów do strony przeglądaj wszystkie style w głównej wersji demonstracyjnej i zobacz, co wyróżnia.

Stamtąd możesz wybrać to, co działa najlepiej. Kliknięcie przycisku HTML wyświetla modal z kodem źródłowym dla tego pola wyboru. Teraz wystarczy skopiować / wkleić go do swojej witryny, nadaj mu właściwą nazwę / wartość (jeśli dotyczy) i wszystko gotowe!

Bez kłopotów, bardzo małe dostosowanie i zasadniczo nie wymaga umiejętności kodowania.

Zauważysz każdy styl pola wyboru przychodzi zarówno w jasnym, jak i ciemnym temacie, dla większego wsparcia. Oznacza to, że nie powinno być problemu ze znalezieniem pola wyboru pasującego do Twojej witryny. Plus możesz użyj dodatkowych klas Jak na przykład .ckbx-small lub .ckbx-xlarge aby zwiększyć rozmiar.

Z 25+ różnych stylów i wiele różnych animacji, Muszę powiedzieć, że biblioteka CSS Checkbox jest imponująca. Świetnie nadaje się dla każdego programisty frontendowego, który chce zaoszczędzić czas w swojej pracy i ulepszyć projekt interfejsu użytkownika dowolnego formularza internetowego.