Thêm các nút được thiết kế sẵn vào trang web của bạn với Butns.css

Các khung Frontend, như Bootstrap, đi kèm với chúng kiểu nút riêng, nhưng họ không thường có nhiều.

Miễn phí Thư viện Butns đề nghị một loạt các kiểu nút tùy chỉnh không có toàn bộ khung kèm theo. Điều này là hoàn hảo cho các nhà phát triển, những người đã có một thiết kế trang tùy chỉnh nhưng không muốn đối phó với việc tạo ra các kiểu nút riêng của họ.

Bạn thực tế có vô số lựa chọn và kết hợp để lựa chọn. Butns có hơn 30 màu nền / viền khác nhau mà bạn có thể trộn và kết hợp cho truyền thống nút phẳng hoặc là nút thuốc hoặc thậm chí nút ma.

Bạn cũng có thể chọn giữa phong cách gradient khác nhau mà lưới hai màu khác nhau với nhau. Các nút gradient này trông tuyệt vời với bóng đổ cho hiệu ứng dập nổi nổi lên.

Cùng với màu sắc và bóng, bạn cũng có thể thay đổi hình dạng, kích thước và độ trong suốt của bất kỳ nút nào.

Tất cả mọi thứ là được điều khiển thông qua các lớp CSS, vì vậy bạn thực sự có quyền truy cập đầy đủ vào mọi thứ trong thư viện.

Điều tôi thích nhất ở Butns là bạn có thể dễ dàng chuyển đổi giữa các phong cách khác nhau chỉ bằng cách cập nhật một tên lớp. Không có hệ thống quá phức tạp để thêm kiểu hoặc chỉnh sửa biểu định kiểu. Bạn chỉ cần trao đổi các lớp, và bạn tốt để đi.

Mặc dù không có hại trong ghi đè một số các lớp này với sở thích của riêng bạn. Đó là vẻ đẹp của hiệu ứng xếp tầng trong CSS.

Để bắt đầu chỉ tải về .css tập tin từ trang chủ Butns hoặc từ repo GitHub. Cả hai đều liên kết đến phiên bản cập nhật nhất vì vậy một trong hai cách là OK.

Khi đã được thêm vào trang web của bạn, chỉ cần nối lớp .nút cho bất cứ điều gì bạn muốn có hình dạng như một nút. Từ đó, vấn đề là thêm lớp học thêm dựa trên màu sắc, kích thước và kiểu dáng của nút bạn muốn.

Hãy xem trang GitHub gần danh sách lớp. Bạn sẽ tìm thấy một danh sách đầy đủ của tất cả các lớp để tùy chỉnh màu sắc, loại nút và các tùy chọn hiển thị như nhỏ / lớn hoặc bán trong suốt.

Butns.css dễ dàng một trong những biểu định kiểu nút toàn diện nhất trên web Bạn có thể thêm nó vào nhiều dự án web và tất cả chúng đều có thể có một cái nhìn khác với một thư viện.

Nó cũng chơi độc đáo với các khung khác chẳng hạn như Bootstrap kể từ khi các lớp không chồng chéo. Vì vậy, bạn có thể hợp nhất Butns với hầu hết các khung giao diện khác trên thị trường mà không gặp rắc rối.