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 Stylus sang CSS

Chuyển đổi mã SCSS 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

Máy tạo bán kính biên giới

Một công cụ tạo CSS bán kính biên giới để nhanh chóng tạo khai báo CSS bán kính viền.

Trình thu nhỏ JavaScript

Nén và tối ưu hóa mã JavaScript của bạn với tính năng thu nhỏ cấp độ chuyên nghiệp. Giảm kích thước tệp, cải thiện thời gian tải và nâng cao hiệu suất cho các ứng dụng web của bạn.

Chuyển đổi văn bản giữa các trường hợp khác nhau

Dễ dàng chuyển đổi văn bản của bạn thành nhiều kiểu trường hợp khác nhau với công cụ chuyển đổi trường hợp linh hoạt của chúng tôi.

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

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