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

Generator Transisi CSS3

Transisi opasitas yang mulus

Buat Gradien Teks CSS yang Indah dengan Mudah

Buat Efek Teks Gradien yang Menakjubkan untuk Situs Web Anda

Hasilkan Transformasi CSS3 dengan Mudah

Alat yang kuat dan intuitif untuk membuat transformasi CSS3 yang kompleks tanpa menulis kode. Visualisasikan perubahan secara real-time dan salin CSS yang dihasilkan untuk digunakan dalam proyek Anda.

Alat Pengkodean URL

Kodekan parameter URL dengan mudah langsung di browser Anda.

Konverter Kecepatan

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

Pembuat Hash Kata Sandi WordPress

Hasilkan hash kata sandi yang aman untuk WordPress