Générateur CSS box-shadow
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Drop Shadow
Dernière mise à jour : 2026 · Outil en ligne gratuit
Qu'est-ce que Générateur CSS box-shadow ?
Éditeur visuel en ligne gratuit pour créer des CSS box-shadow et copier le code
Comment utiliser
- 1 Sélectionner le préréglage — Commencez rapidement avec un bouton de préréglage.
- 2 Ajuster les curseurs — Ajustez l'ombre avec les curseurs de décalage X/Y, de flou et de propagation.
- 3 Aperçu — Vérifiez le résultat en temps réel dans l'aperçu ci-dessus.
- 4 Copier le CSS — Utilisez le bouton de copie pour obtenir le CSS box-shadow.
Outils associés
Questions fréquentes
Oui, utilisez le bouton 'Ajouter une ombre' pour superposer plusieurs ombres.
Oui, activez la case à cocher Inset sur chaque ombre pour créer une ombre intérieure.
Cinq préréglages sont fournis : Subtle, Medium, Large, Inset et Double.
Oui, vous pouvez saisir directement rgba(0,0,0,0.15) dans le champ de couleur.
Non. Tous les calculs se font dans le navigateur.