Générateur d'Ombre CSS (Box Shadow) - Outil Gratuit en Ligne
Générateur d'Ombre CSS (Box Shadow)
Créez une Ombre Avec un Aperçu en Direct
Comprendre les Ombres CSS (Box Shadow)
Aperçu en Direct
Regardez l'ombre se mettre à jour instantanément sur une boîte d'exemple à mesure que vous ajustez chaque curseur.
Contrôle Total
Ajustez indépendamment le décalage horizontal et vertical, le rayon de flou, l'étendue, la couleur et l'opacité.
CSS Prêt à Copier
Copiez la déclaration box-shadow exacte pour la coller directement dans votre feuille de style.
Traitement Local
L'aperçu et le CSS sont générés entièrement dans votre navigateur — aucune donnée n'est jamais envoyée à un serveur.
Ombre Externe vs. Ombre Interne
Une ombre normale (box-shadow) apparaît à l'extérieur de la bordure de l'élément, créant une sensation de profondeur ou d'élévation. Une ombre interne apparaît au contraire à l'intérieur de l'élément, créant un aspect enfoncé ou en retrait — utile pour des champs de saisie ou des boutons qui doivent paraître concaves plutôt que surélevés.
Points Clés à Retenir
- Cinq Propriétés Réglables : Ajustez indépendamment le décalage, le flou, l'étendue, la couleur et l'opacité.
- Option Interne : Basculez entre une ombre portée externe et une ombre interne en retrait.
- Uniquement Côté Client : Toute la génération se fait localement dans votre navigateur — aucune donnée n'est jamais envoyée à un serveur.