chevron_right

Générateur de Box Shadow

Créez des ombres CSS visuellement avec un aperçu en temps réel.

Préréglages

Shadow {{idx + 1}}

H-Offset: 0px

V-Offset: 4px

Blur: 16px

Spread: 0px

Couleur

Inset

Outset

CSS généré

box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);

Outils similaires

Générateur d’ombres de texte

Créez des effets CSS text-shadow avec aperçu en direct.

Générateur de dégradés

Créez des dégradés CSS visuellement avec aperçu en direct.

Générateur de Border Radius

Contrôlez visuellement l'arrondi des coins et copiez le CSS.

Générateur de Glassmorphisme

Créez du CSS glassmorphism avec des contrôles de flou, de teinte et de bordure.

ASCII vers Image

Rendu d'art ASCII en image PNG ou JPG téléchargeable avec style personnalisé.

Analyseur de performance web 3D

Analysez le comportement d'un modèle 3D sur le web, gratuitement et entièrement dans votre navigateur.

Extracteur de ressources PPTX

Extrayez les images, vidéos, sons et polices incorporées d'origine d'une présentation PowerPoint, avec les diapositives où chacun apparaît.

apps

Plus d'outils

Parcourez notre collection complète d'outils en ligne gratuits.

Créez des ombres en couches sans éditer une longue ligne CSS à la main

Une ombre portée est simple à démarrer, mais devient vite pénible à régler manuellement quand il faut équilibrer décalage, flou, extension, couleur et plusieurs couches. Un générateur visuel rend ce travail beaucoup plus rapide et lisible.

Ce que l'outil permet d'ajuster

Vous pouvez construire des ombres discrètes ou plus expressives en réglant :

le décalage horizontal et vertical
le rayon de flou et d'extension
la couleur et la transparence alpha
les ombres internes ou externes
plusieurs couches d'ombre superposées

Cas d'usage fréquents

Un générateur de box shadow est utile pour :

créer des styles d'élévation pour des cartes
produire des ombres douces pour des composants modernes
tester des ombres internes ou des effets de lueur
générer un CSS réutilisable dans un design system

Les ombres multiples demandent un peu de retenue

Empiler plusieurs ombres peut donner une belle profondeur, mais aussi brouiller rapidement le rendu. Une fois l'effet trouvé, vérifiez-le sur fond clair et sur fond sombre pour vous assurer qu'il reste propre.