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

Generatore HMAC

Genera facilmente digest HMAC

Convertitore da stilo a CSS

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

Convertitore di unità di temperatura

Converti tra diverse unità di temperatura con precisione per le tue esigenze scientifiche e quotidiane