Le générateur d'ombres CSS règle les paramètres dans trois modes — ombre de boîte, neumorphisme et verre dépoli — et copie le CSS directement. L'ombre de boîte accepte plusieurs calques superposés, chacun avec son décalage horizontal et vertical, son flou, son étalement, sa couleur, son opacité et son option inset ; le neumorphisme calcule une ombre sombre et une ombre claire à partir de la couleur de fond, avec bascule entre relief et creux ; le verre dépoli combine un fond semi-transparent, un flou backdrop-filter, un contour clair et des coins arrondis.

1. 01Choisissez Ombre de boîte, Neumorphisme ou Verre dépoli.
2. 02En mode Ombre de boîte, ajoutez autant de calques que nécessaire, sélectionnez-en un puis réglez X/Y, le flou, l'étalement, l'opacité, la couleur et l'ombre intérieure.
3. 03En Neumorphisme, choisissez la couleur de fond et le relief ou le creux, puis ajustez la distance, le flou et l'intensité.
4. 04En Verre dépoli, réglez la teinte, l'opacité du fond, le flou et l'opacité de la bordure ; copiez le CSS généré en direct en bas de page.

• Ombre de boîte : X/Y de −100 à 100 px, flou 0–200 px, étalement −50 à 50 px, opacité 0–100 %, avec au moins un calque conservé.
• Neumorphisme : distance 2–50 px, flou 0–100 px, intensité 5–30 % ; les tons clair et sombre viennent d'un éclaircissement et d'un assombrissement du fond via colord.
• Verre dépoli : flou 0–40 px, opacité du fond et de la bordure 0–100 % ; le code produit à la fois la propriété standard et -webkit-backdrop-filter.
• L'aperçu ne montre que l'effet CSS du navigateur ; une vraie page dépend aussi du fond parent, des superpositions, des performances et du support du navigateur.
• Ce qu'il ne fait pas : il n'exporte pas d'image, ne génère pas d'ombres SVG complexes et n'écrit pas dans la feuille de style de votre projet.

Tous les paramètres et le CSS sont calculés uniquement dans la page courante du navigateur ; rien n'est envoyé et rien n'est conservé.