Generatore di neumorphism (soft UI) in CSS
Genera un effetto di neumorfismo CSS (soft UI) con anteprima in tempo reale e codice pronto da copiare.
🔒 100 % lato client — nessun dato inviato
Crea un effetto neumorphism (soft UI) in CSS con anteprima dal vivo: regola colore, raggio, distanza, sfocatura e intensità delle ombre, poi copia il codice. Tutto avviene nel browser.
What is it for?
- ▸ Progettare pulsanti e schede in soft UI
- ▸ Ottenere l'esatto box-shadow neumorfico
- ▸ Testare varianti piatto / concavo / convesso
- ▸ Ottenere CSS pronto da incollare
FAQ
Cos'è il neumorphism?
Uno stile di interfaccia in cui gli elementi sembrano estrusi dallo sfondo grazie a due ombre opposte (una chiara, una scura).
Perché il mio effetto è poco visibile?
Il neumorphism funziona meglio quando il colore dell'elemento coincide con lo sfondo. Evita il nero o il bianco puri.
A cosa serve la modalità “inset”?
Rende l'ombra interna, facendo sembrare l'elemento premuto nello sfondo anziché in rilievo.
Il risultato è supportato ovunque?
Sì, si basa su box-shadow e border-radius, supportati da tutti i browser moderni.
Related tools
Proporzioni · calcolatore Calcola un aspect ratio (16:9...) e ricava la dimensione proporzionale mancante. Generatore di codici a barre Genera un codice a barre (EAN-13, Code128, UPC) da un valore, scaricabile, nel tuo browser. Base64 → immagine Decodifica un data URI o Base64 in un'immagine visualizzabile e scaricabile nel tuo browser. CSS border-radius · generatore Crea angoli arrotondati CSS (border-radius) con anteprima live e codice pronto da copiare. CSS box-ombra · generatore Genera un'ombra box CSS con un'anteprima dal vivo e un codice pronto per la copia. Dispositivo per la rimozione dello schermo verde Rendi trasparente un colore di sfondo (schermo verde/blu) ed esporta un PNG nel tuo browser.