UTILS.
100% nel browser

Generatore di neumorfismo

Crea ombre neumorfiche soft-UI con anteprima dal vivo e copia.

Informazioni su questo strumento

Progetta elementi neumorfici soft-UI con ombre chiare e scure abbinate, dimensione, distanza, intensità e sfocatura regolabili, oltre a un aspetto convesso o concavo, poi copia il CSS. Dal vivo nel tuo browser.

Domande frequenti

Perché il neumorfismo usa due ombre?
Un'ombra chiara e una scura su angoli opposti imitano un'unica sorgente di luce, facendo apparire l'elemento estruso dallo sfondo.
Qual è la differenza tra convesso e concavo?
Convesso appare sollevato dalla superficie, mentre concavo inverte il gradiente e le ombre così che l'elemento sembri premuto al suo interno.

Altri strumenti