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

Teks Butang

Size

Shape

Color

Pratetap Popular

Related Tools

Penukar Sass kepada CSS

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

Penukar Stylus kepada CSS

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

Penukar SCSS kepada CSS

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

Kalkulator Purata

Kira purata (min aritmetik) satu set nombor dengan cepat dengan alat kami yang mudah digunakan.

Perpuluhan kepada Oktal

Tukar nombor perpuluhan kepada oktal dengan mudah

Penukar Unit Berat

Tukar antara unit berat yang berbeza dengan ketepatan untuk keperluan memasak, kecergasan dan saintifik anda