Trình tạo nút CSS miễn phí

Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.

Xem trước nút

CSS được tạo

.custom-button { padding: 0.75rem 1.5rem; border-radius: 0.5rem; background: #165DFF; color: white; font-weight: 500; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }  .custom-button:hover { background: rgba(22, 93, 255, 0.9); transform: translateY(-2px); }  .custom-button:focus { outline: none; box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }  .custom-button:active { transform: translateY(0); }

Thuộc tính nút

Cài đặt trước phổ biến

Related Tools

Công cụ chuyển đổi ít sang CSS

Chuyển đổi mã Less của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.

Trình làm đẹp CSS

Định dạng và làm đẹp mã CSS của bạn với độ chính xác chuyên nghiệp

Công cụ chuyển đổi SCSS sang CSS

Chuyển đổi mã SCSS của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.

Công cụ giải mã URL

Giải mã các thông số URL một cách dễ dàng ngay trong trình duyệt của bạn

ASCII sang nhị phân

Chuyển đổi ký tự ASCII sang mã nhị phân một cách dễ dàng

HSV sang Pantone

Chuyển đổi mã màu HSV thành tài liệu tham khảo Pantone® để thiết kế in