Bttn.css - Các nút CSS tuyệt vời dưới 4Kb

Với rất nhiều đoạn mã CSS miễn phí và trình tạo mã, không cần phải phát minh lại bánh xe. Các nhà phát triển thông minh dựa vào các thư viện hiện có để tạo các thành phần trang đơn giản như menu điều hướng và nút.

Một thư viện như vậy là Bttn.css, được tạo bởi nhà phát triển Ganapati V S. Công việc của anh ấy thật tinh tế và thư viện nút này là một trong những điều tốt nhất để phát triển lối vào hiện đại.

Trên trang chủ các nút, bạn có thể chọn giữa kích thước nhỏ, vừa và lớn, cùng với phối màu khác nhau. Các nút đến xây dựng sẵn và sẵn sàng để đi, vì vậy tất cả những gì bạn cần là thư viện CSS thực tế và các lớp phù hợp cho các nút của bạn.

Bạn có thể tải thư viện từ GitHub hoặc bạn có thể sử dụng Phiên bản CDN để thử nghiệm cục bộ. Thậm chí nó hoạt động trong các IDE đám mây chẳng hạn như CodePen nếu bạn muốn dùng thử trong trình duyệt của mình.

Bttn.css thực sự là một thư viện nhỏ hơn, cung cấp khoảng 13 phong cách khác nhau. Một số trong số này bao gồm kiểu vật liệu, độ dốc, nút ma và nút nút truyền thống sử dụng viền tròn CSS3.

Lưu ý thư viện này là tương tự như thư viện Butns trong việc sử dụng một cách viết ngắn gọn của “nút” và mã CSS thuần.

Tuy nhiên, Bttn.css cung cấp các kiểu nút khác nhau, thay vì một thư viện lớn của các yếu tố tương tự. Đây là một lý do tôi khuyên dùng Bttn.css cho hầu hết mọi dự án web - trong số tất cả 13 kiểu, bạn nhất định tìm thứ gì đó phù hợp.

Bạn có thể đọc thêm trong bài viết Trung bình này, được chấp bút bởi người tạo Bttn.css. Anh ấy giải thích tại sao anh ấy làm thư viện và nó phục vụ mục đích gì trong một dự án phát triển điển hình.

Nếu bạn đang tìm kiếm tài liệu đầy đủ hơn nhìn trộm vào GitHub repo. Nó liệt kê tất cả các lớp CSS cho kiểu dáng, kích thước và màu sắc, cùng với các chi tiết cài đặt bằng CDN hoặc trình quản lý gói như Bower.

Hãy chắc chắn cũng kiểm tra trang demo để xem những gì thư viện này có thể làm. Và hãy thoải mái chia sẻ suy nghĩ của bạn với người sáng tạo trên Twitter @ganapativs của anh ấy.