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

Converti JSON in XLSX senza sforzo

Trasforma i tuoi dati JSON in formato Excel (XLSX) con un solo clic. Veloce, sicuro e completamente basato su browser.

Border RadiusGenerator

Uno strumento generatore di CSS border-radius per generare rapidamente dichiarazioni CSS border-radius.

Decimale a testo

Converti la rappresentazione decimale in testo senza sforzo