Pembuat Tombol CSS Gratis

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.

Pratinjau Tombol

CSS yang dihasilkan

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

Properti Tombol

Teks Tombol

Size

Shape

Color

Preset Populer

Related Tools

Konverter Stylus ke CSS

Ubah kode SCSS Anda menjadi CSS. Cepat, mudah, dan aman.

Generator Transisi CSS3

Transisi opasitas yang mulus

Konverter SCSS ke CSS

Ubah kode SCSS Anda menjadi CSS. Cepat, mudah, dan aman.

Konverter Kecepatan

Ubah kecepatan lari dengan mudah antara unit yang berbeda dan hitung perkiraan waktu dan jarak

RGB ke HEX

Mengonversi warna RGB ke nilai HEXadecimal untuk desain web

Kalkulator Hash SHA-256

Hasilkan hash SHA-256 dengan cepat dan mudah