UTILS.
100 % dans le navigateur

Générateur de néomorphisme

Créez des ombres néomorphiques soft-UI avec un aperçu en direct et copiez.

À propos de cet outil

Concevez des éléments néomorphiques soft-UI avec des ombres claires et sombres appariées, une taille, une distance, une intensité et un flou ajustables, ainsi qu'un rendu convexe ou concave, puis copiez le CSS. En direct dans votre navigateur.

Foire aux questions

Pourquoi le néomorphisme utilise-t-il deux ombres ?
Une ombre claire et une ombre sombre sur des coins opposés imitent une source de lumière unique, donnant l'impression que l'élément ressort de l'arrière-plan.
Quelle est la différence entre convexe et concave ?
Convexe semble en relief par rapport à la surface, tandis que concave inverse le dégradé et les ombres pour que l'élément paraisse enfoncé dans celle-ci.

Plus d'outils