Générateur d'Ombre CSS Box Shadow
Générateur d'ombre CSS gratuit en ligne avec aperçu en direct. Ajustez le décalage, le flou, la diffusion, la couleur et l'opacité.
Shadow List
Generated CSS
Comment ça fonctionne
- Ouvrez le générateur et visualisez immédiatement un aperçu en direct de votre ombre de boîte.
- Faites glisser les curseurs de décalage horizontal et vertical pour positionner l'ombre.
- Réglez le rayon de flou et l'étalement pour contrôler la douceur et la taille de l'ombre.
- Choisissez la couleur et l'opacité de l'ombre selon votre charte graphique.
- Copiez le code CSS généré et collez-le directement dans votre feuille de style.
Exemple
Entrée: Horizontal : 5px, Vertical : 10px, Flou : 20px, Étalement : 2px, Couleur : #444444, Opacité : 0.5
Résultat: box-shadow: 5px 10px 20px 2px rgba(68, 68, 68, 0.5);
FAQ
Oui, le générateur CSS Box Shadow est entièrement gratuit et ne nécessite aucune inscription ni compte.
Vos données sont totalement sécurisées. Tout le traitement s'effectue côté client dans votre navigateur. Aucune donnée n'est envoyée à quelque serveur que ce soit.
Oui, CSS prend en charge plusieurs valeurs de box-shadow séparées par des virgules pour créer des effets d'ombre superposés.
Oui, la propriété box-shadow est prise en charge par tous les navigateurs modernes sans nécessiter de préfixes propriétaires.
Ajoutez le mot-clé 'inset' dans la valeur de box-shadow pour que l'ombre s'applique à l'intérieur de l'élément.