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 SCSS kepada CSS

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

Penukar Stylus kepada CSS

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

JavaScript Deobfuscator

Ubah kod JavaScript yang dikaburkan kembali kepada format yang boleh dibaca dengan alat penyahkeliruan kami yang berkuasa. Sesuai untuk penyahpepijatan, analisis kod dan pembelajaran daripada skrip sedia ada.

Pantone kepada CMYK

Tukar warna Pantone kepada nilai CMYK untuk reka bentuk cetakan

Penukar Unit Jisim

Tukar antara unit jisim yang berbeza dengan ketepatan untuk keperluan saintifik dan harian anda