Penjana Butang CSS Percuma

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.

Pratonton Butang

CSS yang dijana

.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); }

Sifat Butang

Pratetap Popular

Related Tools

Penukar Sass kepada CSS

Ubah kod Sass anda kepada CSS. Pantas, mudah dan selamat.

Penukar SCSS kepada CSS

Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.

CSS Beautifier

Format dan cantikkan kod CSS anda dengan ketepatan profesional

Buat pemuat CSS yang cantik

Jana animasi pemuatan CSS tersuai dalam beberapa saat dengan antara muka seret dan lepas intuitif kami. Tiada pengekodan diperlukan!

Kalkulator Selang Keyakinan

Kira selang keyakinan untuk data sampel anda dengan ketepatan dan kemudahan.

Penukar Cap Masa

Tukar cap masa antara format yang berbeza dengan mudah