Couleur & Design
Générateur d'ombres portées
Générateur de box-shadow CSS gratuit. Concevez des ombres avec des curseurs pour le décalage, le flou, l'étalement, la couleur et l'opacité. Superposez plusieurs ombres. Copiez le CSS instantanément.
Runs in your browser
Box shadow generator
CSS
box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);css
Note de la rédaction
Understanding · Five numbers. A whole light source.
Ce chapitre approfondi n'est actuellement disponible qu'en anglais. L'outil de conversion ci-dessus fonctionne dans votre langue ; le long article explicatif n'a pas encore été traduit.
Questions fréquentes
Quick answers.
›Can I layer multiple shadows?
Yes — add as many shadows as you want, each with its own offset, blur, spread and color.
›Does it support inset shadows?
Yes — toggle 'inset' to make a shadow appear inside the element instead of outside.
›Does it output Tailwind?
Yes — for common single-shadow patterns. Multi-shadow stacks need custom CSS.
›Is the generator free?
Yes — fully free, no signup.
Les internautes recherchent aussi
Outils similaires
More in this room.
- Éditeur d'Ombres de Boîte AvancéEmpilez plusieurs ombres avec prévisualisation en direct.
- Générateur de dégradésDégradés CSS linéaires, radiaux et coniques.
- Générateur de border-radiusÉditeur de border-radius CSS par coin.
- Éditeur de courbe de BézierConcevez visuellement les courbes d'accélération CSS.
- Générateur d'Animations CSSConstruisez des keyframes visuellement, copiez le CSS prêt à coller.
- Générateur de Filtres CSSAperçu en direct du flou, de la luminosité, de la rotation de teinte et plus encore.