Thư viện hộp kiểm này cung cấp hàng chục kiểu hộp kiểm tra CSS miễn phí

Tìm kiếm kiểu hộp kiểm tùy chỉnh cho trang web của bạn? Hãy nhìn vào Thư viện hộp kiểm CSS được lưu trữ miễn phí trên GitHub.

Thư viện đồ sộ này hỗ trợ hàng tá kiểu cho các mục hộp kiểm, chẳng hạn như thanh trượt, thiết kế bật / tắt, hình tròn & hình vuông giữa nhiều hình dạng khác.

Bạn có quyền truy cập đầy đủ vào mã HTML / CSS, vì vậy thật dễ dàng để tải nó lên và chạy trên trang web của bạn. Chưa kể nó cũng có nguồn mở hoàn toàn và có sẵn cho cả dự án cá nhân và thương mại.

Để bắt đầu, bạn có thể truy cập repo GitHub và tải tất cả các tệp cục bộ về máy của bạn. Hoặc, bạn có thể cài đặt thư viện qua npm.

Theo mặc định, mỗi kiểu hộp kiểm đi kèm với lớp riêng của nó. Các hộp kiểm.min.css biểu định kiểu có mọi thứ bạn cần, vì vậy nếu điều đó được bao gồm trong trang của bạn thì bạn đã sẵn sàng.

Mỗi kiểu hộp kiểm hỗ trợ các trình duyệt hiện đại và hầu hết các trình duyệt cũ, bao gồm IE9+.

Quy trình làm việc cho thư viện này có lẽ là đơn giản nhất tôi từng thấy. Khi bạn đã thêm biểu định kiểu vào trang của mình, chỉ cần tìm hiểu tất cả các kiểu trên bản demo chính và xem những gì nổi bật.

Từ đó, bạn có thể chọn bất cứ thứ gì hoạt động tốt nhất. Nhấp vào nút HTML hiển thị một phương thức với mã nguồn cho hộp kiểm đó. Bây giờ, chỉ cần sao chép / dán nó vào trang web của bạn, đặt tên đúng / giá trị (nếu có) và bạn đã hoàn tất!

Không có rắc rối, rất ít tùy chỉnh và về cơ bản không yêu cầu kỹ năng mã hóa.

Bạn sẽ nhận thấy mọi kiểu hộp kiểm có cả chủ đề sáng và tối, để được hỗ trợ nhiều hơn. Điều này có nghĩa là bạn sẽ không gặp khó khăn khi tìm một hộp kiểm phù hợp với trang web của bạn. Ngoài ra, bạn có thể sử dụng các lớp bổ sung nhu la .ckbx-nhỏ hoặc là .ckbx-xlund để tăng kích thước.

Với Hơn 25 phong cách khác nhau và nhiều hình ảnh động khác nhau, Tôi phải nói rằng Thư viện hộp kiểm CSS này rất ấn tượng. Tuyệt vời cho bất kỳ nhà phát triển lối vào nào muốn tiết kiệm thời gian trong quy trình làm việc của họ và cải thiện thiết kế giao diện người dùng của bất kỳ mẫu web nào.