Confidentiel : rien ne quitte votre navigateur. Sans inscription.
Générateur d'ombre CSS
Concevez des ombres CSS parfaites avec des curseurs. Gratuit, sans inscription, code prêt à copier.
Ce que fait l'outil
Déplacez les curseurs pour les décalages horizontal et vertical, le rayon de flou, l'étalement, la couleur et l'opacité. La carte d'aperçu se met à jour instantanément et l'outil produit la déclaration box-shadow exacte à coller dans votre feuille de style. Activez inset pour des ombres internes.
Conseils
Les ombres douces à faible opacité ont un rendu moderne : essayez un grand flou avec 10 à 20 % de noir. L'étalement agrandit ou rétrécit l'ombre au-delà des bords de l'élément.
Confidentiel par conception
Tout s'exécute dans votre navigateur. Rien ne quitte votre appareil.
Estimation indicative. Les résultats reposent sur les tarifs publics indiqués et peuvent différer de votre facture réelle. Conditions
Questions fréquentes
Quelle est la différence entre flou et étalement ?
Le flou adoucit les bords de l'ombre ; l'étalement agrandit ou rétrécit la taille globale de l'ombre avant le flou.
Que fait inset ?
Inset dessine l'ombre à l'intérieur de la bordure de l'élément au lieu de l'extérieur, utile pour des effets enfoncés.
Quelque chose est-il envoyé à un serveur ?
Non. L'éditeur s'exécute entièrement dans votre navigateur.