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.

ASCII thành văn bản

Chuyển đổi mã ASCII thành văn bản dễ dàng

HEX sang RGB

Chuyển đổi mã màu HEX sang giá trị RGB để phát triển web

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.