Générateur CSS Neumorphisme

Concevez des éléments soft-UI avec des ombres doubles internes/externes. Ajustez la couleur de base, le flou et la profondeur — puis copiez le CSS directement dans votre projet.

Couleur de base

Taille de l'élément (px) 150

Rayon de bordure (px) 20

Flou 20

Distance 10

Intensité 0.15

Forme

CSS généré

Fonctionne entièrement dans votre navigateur. Rien n'est téléchargé.

Comment ça marche

STEP 1

Choisissez les paramètres

Sélectionnez une couleur de base et ajustez les curseurs de flou, de distance et d'intensité.

STEP 2

Prévisualisez le résultat

Observez l'élément neumorphique se mettre à jour en temps réel lorsque vous modifiez les contrôles.

STEP 3

Copiez le CSS

Cliquez sur «Copier le CSS» et collez la règle box-shadow directement dans votre feuille de style.