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.

Minimizzatore CSS

Comprimi e ottimizza il tuo codice CSS con precisione professionale

Generatore di transizioni CSS3

Transizione di opacità uniforme

Calcolatore dell'imposta sulle vendite

Calcola facilmente l'imposta sulle vendite e il prezzo totale con il nostro intuitivo calcolatore dell'imposta sulle vendite.

Da HEX a HSV

Converti i colori tra modelli di colore esadecimali e HSV (tonalità, saturazione, valore) con anteprima in tempo reale.

Converti JSON in SQL senza sforzo

Trasforma i tuoi dati JSON in istruzioni SQL INSERT con un solo clic. Veloce, sicuro e completamente basato su browser.