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

Preset Populer

Related Tools

Generator Transisi CSS3

Transisi opasitas yang mulus

Konverter Sass ke CSS

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

Buat Tata Letak Flexbox yang Sempurna

Visualisasikan, sesuaikan, dan hasilkan kode flexbox CSS dengan antarmuka seret dan lepas kami yang intuitif.

Desimal ke Hex

Konversi angka desimal ke heksadesimal dengan mudah

Oktal ke Desimal

Konversi angka oktal ke desimal dengan mudah

Konverter CSS ke SCSS

Ubah kode CSS Anda menjadi SCSS dengan variabel, bersarang, dan lainnya. Cepat, mudah, dan aman.