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

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

Tạo gradient CSS đẹp dễ dàng

Tạo gradient tuyến tính, xuyên tâm và hình nón tuyệt đẹp với giao diện trực quan của chúng tôi. Sao chép mã CSS và sử dụng nó trong các dự án của bạn ngay lập tức.

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.

Bộ chuyển đổi công suất biểu kiến

Chuyển đổi công suất biểu kiến giữa các đơn vị khác nhau một cách chính xác và dễ dàng

Bộ chuyển đổi đơn vị khối lượng

Chuyển đổi giữa các đơn vị khối lượng khác nhau một cách chính xác cho nhu cầu khoa học và hàng ngày của bạn

Bộ chuyển đổi đơn vị nhiệt độ

Chuyển đổi giữa các đơn vị nhiệt độ khác nhau một cách chính xác cho nhu cầu khoa học và hàng ngày của bạn