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

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

Strumento di decodifica Base64

Genera hash di password sicuri per WordPress

Convertitore di unità di peso

Converti tra diverse unità di peso con precisione per le tue esigenze di cucina, fitness e scienza

Calcolatore di hash SHA-224

Genera hash SHA-224 in modo rapido e semplice