Generatore di pulsanti CSS gratuito

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.

Anteprima pulsante

CSS generato

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

Proprietà dei pulsanti

Testo pulsante

Size

Shape

Color

Preset popolari

Related Tools

Meno in CSS Converter

Trasforma il tuo codice Less in CSS. Veloce, facile e sicuro.

Generatore di transizioni CSS3

Transizione di opacità uniforme

Minimizzatore CSS

Comprimi e ottimizza il tuo codice CSS con precisione professionale

Da RGB a HEX

Converti i colori RGB in valori esadecimali per il web design

Strumento di codifica Base64

Codifica il testo in formato Base64 con facilità direttamente nel tuo browser.

Decodificatore da Base64 a JSON

Converti istantaneamente le stringhe codificate Base64 in JSON formattato. Funziona localmente nel browser senza caricare dati.