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

Preset Populer

Related Tools

Generator Transisi CSS3

Transisi opasitas yang mulus

Konverter Stylus ke CSS

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

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.

Konversi JSON ke CSV

Tempelkan data JSON Anda di bawah ini dan konversikan ke format CSV dengan satu klik.

Kalkulator Biaya PayPal

Hitung biaya PayPal untuk transaksi Anda dengan kalkulator kami yang mudah digunakan.

Konverter CSV ke Base64

Ubah data CSV Anda menjadi pengkodean Base64 dengan cepat dan mudah