Box Shadow Generator
Générateur de box shadow CSS gratuit. Ajustez le décalage, le flou, l'étendue, la couleur et l'insertion. Aperçu en direct et copie du code CSS. Parfait pour les designers et développeurs.
box-shadow: 0px 4px 6px 1px #00000020;À propos de Box Shadow Generator
Box Shadow Generator s'exécute entièrement dans votre navigateur. Vos données restent sur votre appareil — aucun envoi vers un serveur.
Générateur de box shadow CSS gratuit. Ajustez le décalage, le flou, l'étendue, la couleur et l'insertion. Aperçu en direct et copie du code CSS. Parfait pour les designers et développeurs. Gratuit, sans inscription, confidentialité d'abord.
Comment utiliser Box Shadow Generator
Concevez des ombres CSS visuellement et copiez le code instantanément. Ajustez le flou, l'étendue, le décalage et la couleur sans écrire de CSS à la main.
- 1
Définissez les propriétés de l'ombre
Ajustez le décalage horizontal et vertical, le rayon de flou et l'étendue à l'aide des curseurs.
- 2
Choisissez une couleur et une opacité
Choisissez une couleur d'ombre et définissez son opacité. Les ombres plus sombres et moins opaques paraissent plus naturelles.
- 3
Ajoutez inset si nécessaire
Activez inset pour créer une ombre intérieure au lieu d'une ombre extérieure.
- 4
Copiez le CSS
Cliquez sur Copier pour copier le code CSS box-shadow généré dans votre presse-papiers.
Conseils
- •Superposez plusieurs ombres pour la profondeur — combinez une ombre nette et sombre avec une ombre plus douce et plus claire.
- •Gardez le rayon de flou supérieur à l'étendue pour une ombre douce et réaliste.
- •Les ombres sont plus belles avec un léger décalage vertical et une faible opacité.
Outils Associés
Plus d'Outils Generators
Questions Fréquentes
Le générateur d'ombres est-il gratuit ?
Oui, notre générateur d'ombres est entièrement gratuit sans limite. Vous pouvez créer des ombres illimitées et copier le code CSS instantanément.
Puis-je créer plusieurs ombres ?
Oui. Vous pouvez superposer plusieurs ombres avec différents décalages, flous, étendues et couleurs pour créer des effets de profondeur et de halo complexes.
Puis-je copier le code CSS ?
Oui. La propriété CSS box-shadow générée est affichée dans une zone de code. Cliquez sur copier pour obtenir le code prêt à coller dans votre feuille de style.
Le générateur d'ombres fonctionne-t-il hors ligne ?
Oui. Toute la génération se fait dans votre navigateur, l'outil fonctionne donc sans connexion internet une fois la page chargée.