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

Abbellitore CSS

Formatta e abbellisci il tuo codice CSS con precisione professionale

Convertitore da stilo a CSS

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

Convertitore da SCSS a CSS

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

Convertitore da parola a numero

Converti i numeri scritti nei loro equivalenti numerici in più lingue

Calcolatore dell'età

Calcola la tua età esatta in anni, mesi e giorni con il nostro calcolatore di età preciso.

Converti il testo in slug SEO-friendly

Trasforma qualsiasi testo in uno slug compatibile con gli URL, perfetto per URL, nomi di file e altro ancora.