Générateur de neumorphism (soft UI) en CSS
Générez un effet neumorphism (soft UI) en CSS avec aperçu en direct et code à copier.
🔒 100 % côté client — aucune donnée envoyée
Créez un effet neumorphism (soft UI) en CSS avec un aperçu en direct : réglez la couleur, l'arrondi, la distance, le flou et l'intensité des ombres, puis copiez le code. Tout se passe dans le navigateur.
À quoi ça sert ?
- ▸ Concevoir des boutons et cartes en soft UI
- ▸ Obtenir le box-shadow neumorphique exact
- ▸ Tester des variantes plat / concave / convexe
- ▸ Récupérer un CSS prêt à coller
FAQ
Qu'est-ce que le neumorphism ?
Un style d'interface où les éléments semblent extrudés du fond grâce à deux ombres opposées (une claire, une sombre).
Pourquoi mon effet est-il peu visible ?
Le neumorphism fonctionne mieux quand la couleur de l'élément est identique à celle du fond. Évitez le noir ou le blanc pur.
À quoi sert le mode « inset » ?
Il rend l'ombre intérieure, donnant l'impression que l'élément est enfoncé dans le fond plutôt que surélevé.
Le rendu est-il compatible partout ?
Oui, il repose sur box-shadow et border-radius, pris en charge par tous les navigateurs modernes.