Hơn 40 nút CSS từ codepen
Viết bởi Saran vào
28 tháng 1 năm 2013 , Cập nhật
11 tháng 10 năm 2018Ngày nay, việc tìm nút CSS hoàn hảo không khó, chỉ cần Google và bạn sẽ có nhiều trình tạo nút CSS, tất cả những gì bạn cần làm là sao chép và dán mã. Nhưng nếu bạn đang tìm kiếm một số nút CSS phi thường, hoặc có lẽ là nguồn cảm hứng, thì không có nơi nào khác như codepen. io, đây là hơn 40 ví dụ về nút CSS mà tôi đã chọn từ Codepen. Vui lòng chịu tải trang nếu bạn có kết nối mạng chậm. Nếu bạn đang tìm kiếm từ nhiều ví dụ hơn, đây là 40 ví dụ về nút CSS3 khác từ codepen, cssdeck và jsfiddle
Chú giải công cụ nút
Ví dụ về nút hiển thị chú giải công cụ khi di chuột.
Hãy xem cây bút này
Huy hiệu CSS thuần túy
Huy hiệu CSS thuần túy với hiệu ứng di chuột đẹp mắt phát sáng.
Hãy xem cây bút này
Các nút phản hồi chỉ CSS
Các nút phản hồi có thể điều chỉnh theo kích thước trình duyệt.
Hãy xem cây bút này
Nút hình hộp
Các nút kiểu hộp trông bắt mắt.
Hãy xem cây bút này
Các nút có Alt
Một nút CSS chú giải công cụ khác.
Hãy xem cây bút này
Nút động Scss/la bàn
La bàn trông mát mẻ như nút hoạt hình.
Hãy xem cây bút này
Các nút 3D hình tròn tối thiểu
Đơn giản nhưng rất thú vị Nút tròn tối thiểu.
Hãy xem cây bút này
Nút CSS thuần túy
Nút CSS hữu ích đơn giản.
Hãy xem cây bút này
Windows 8 tàu điện ngầm
Các nút gõ cửa sổ 8 tuyệt vời hoàn toàn bằng CSS
Hãy xem Bút này
Kiểu nút
Các nút SCSS đẹp mắt.
Hãy xem cây bút này
Chuyển đổi công tắc với hộp kiểm. đã kiểm tra
Một công tắc lớn màu đen được tạo hoàn toàn bằng CSS
Hãy xem chiếc Bút này
Nút chia sẻ Twitter
Một nút Twitter đơn giản
Hãy xem chiếc bút này
Nút CSS3 đơn giản
Nút Đăng ký CSS3 đơn giản được tạo bằng LESS
Hãy xem Bút này
Nút CSS
Nút tuyệt vời được tạo bằng SASS
Hãy xem Bút này
nút nước
Nút Aqua với CSS
Hãy xem chiếc bút này
Nút 3D
Nút CSS 3D màu đen đẹp.
Hãy xem cây bút này
Nút nguồn sáng
Nút nguồn CSS màu trắng.
Hãy xem cây bút này
Nút trò chơi điện tử
Nút Arcade được tạo bằng CSS.
Hãy xem cây bút này
nút nguồn css
Nút nguồn CSS màu đỏ.
Hãy xem cây bút này
Nút đăng nhập CSS
Một nút đăng nhập với hiệu ứng chuyển tiếp CSS3 di chuột đẹp mắt.
Hãy xem cây bút này
Công tắc nút CSS thuần túy
Nút chuyển đổi màu trắng tuyệt vời.
Hãy xem cây bút này
Nút đám mây BERG
Nút đám mây BERG trong CSS.
Hãy xem cây bút này
Nút 3D-ish
Nút CSS đơn giản theo phong cách 3D.
Hãy xem cây bút này
Nút CSS3 3D
Một nút CSS hình hộp khác.
Hãy xem cây bút này
Công tắc nút Có/Không
Nút Chuyển đổi Có/Không trông tuyệt vời, được tạo hoàn toàn bằng CS.
Hãy xem cây bút này
CSS chỉ đóng nút
Một nút đóng CSS đơn giản, không có gì lạ mắt.
Hãy xem cây bút này
Nút đăng nhập Instagram
Nút đăng nhập Instagram bằng CSS.
Hãy xem cây bút này
TRÍCH DẪN. nút fm
Nút CSS có giao diện rõ ràng được sử dụng bởi QUOTE. fm.
Hãy xem cây bút này
Tương tác nút Tuenti
Một nút CSS đơn giản được tạo bằng CSS và JS.
Hãy xem cây bút này
Khung nút CSS3
Một nút CSS kiểu cổ điển khác.
Hãy xem cây bút này
Nút thuốc Smurf có thể theo chủ đề
Nút thuốc 3D đẹp mắt trong CSS.
Hãy xem cây bút này
Nút CSS3 bẩn
Nút CSS màu đen.
Hãy xem cây bút này
Nút/Khóa hoạt hình CSS3
Nút CSS hình hộp đẹp mắt với hiệu ứng di chuột.
Hãy xem cây bút này
Nút trộn SASS
Nút CSS có màu sắc khác nhau.
Hãy xem cây bút này
Nút đăng nhập Facebook
Tạo nút đăng nhập Facebook cực đẹp bằng CSS3.
Hãy xem cây bút này
Khái niệm nút Twitter
Nút khái niệm twitter CSS tuyệt vời.
Hãy xem cây bút này
Hình dạng nút phẳng CSS
Các loại nút CSS đơn giản khác nhau.
Hãy xem cây bút này
Nút thanh tiến trình
Nút CSS loại thanh tiến trình, được thực hiện rất gọn gàng.
Hãy xem cây bút này
Nút chuyển đổi Phần tử đơn
Nút chuyển đẹp và sạch với CSS.
Hãy xem cây bút này
Nút mềm CSS3
Nút tròn mềm được tạo bằng CSS.
Hãy xem cây bút này
Nút CSS tương thích với iOS có thể nhấn được
Một nút CSS loại đóng hộp khác.
Hãy xem cây bút này
Nút công tắc điện
Một công tắc CSS3 khác thay đổi nền khi nhấp chuột.
Hãy xem cây bút này
Nút tròn có mũi tên
nút tròn đơn giản với mũi tên.
Hãy xem cây bút này
Nút ống chân không
Các nút ống PURE CSS tuyệt vời với một số hình nền PNG.
Hãy xem cây bút này
Hỗn hợp chuyển màu
Một nút CSS đơn giản khác với hiệu ứng chuyển màu.
Hãy xem cây bút này
Nút hoảng loạn màu đỏ
Nút hoảng loạn CSS màu đỏ, được tạo bằng CSS và JS.
Hãy xem cây bút này
Nút đăng nhập Twitter
Nút đăng nhập Twitter có thể mở rộng CSS.
Hãy xem cây bút này
Nút Xóa đơn giản Hủy
Nút Xóa và Hủy CSS Đơn giản
Hãy xem Bút này
Nút thuốc xì trum
Một nút CSS Pill khổng lồ khác.
Hãy xem cây bút này