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.

Kurang kepada Penukar CSS

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

Penukar Stylus kepada CSS

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

HEX kepada CMYK

Tukar kod warna HEX kepada CMYK untuk aplikasi cetakan

Tukar Teks kepada Siput Mesra SEO

Ubah sebarang teks menjadi siput mesra URL yang sesuai untuk URL, nama fail dan banyak lagi.

Kalkulator Selang Keyakinan

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