Générateur de box-shadow CSS

Réglez les paramètres de l'ombre : l'aperçu et le code se mettent à jour en direct.

🔒 Génération locale, aucune donnée envoyée.

Comment utiliser box-shadow en CSS ?

La propriété box-shadow prend les valeurs décalage X, décalage Y, flou, étendue et une couleur. L'option inset crée une ombre intérieure. Cet outil assemble tout cela pour vous avec un aperçu.

Questions fréquentes

Comment faire une ombre douce ?

Augmentez le flou et réduisez l'opacité de la couleur pour un effet subtil et moderne.

Peut-on cumuler plusieurs ombres ?

Oui, en séparant les ombres par des virgules dans la propriété CSS.

Outils complémentaires