Générateur Box Shadow CSS
Créez visuellement des ombres CSS avec aperçu en temps réel.
0 sur 3 utilisations aujourd'hui · 3 restantes. Passez à Pro et supprimez la limite.
Aperçu en direct
box-shadow: 0px 30px 60px -15px #4f46e566;Couches (1/6)
§ Comment utiliser
Comment générer une ombre CSS (box-shadow) visuellement
Créez des ombres de toute profondeur (subtile à spectaculaire) avec un aperçu en direct et un code prêt à copier.
Réglez les décalages
X (horizontal), Y (vertical), Flou (douceur) et Étendue (épaisseur). Glissez les curseurs pour un retour visuel instantané.
Choisissez la couleur de l'ombre
Par défaut noir à faible opacité (ombre naturelle). Pour un « glow » coloré, choisissez la couleur de votre marque.
Empilez plusieurs couches (facultatif)
Les ombres pro utilisent 2-3 couches (une ombre proche plus une ambiante). Empilez-les pour une vraie profondeur.
Copiez le CSS
Prêt à coller. Inclut un inset facultatif (ombre interne) et des préfixes cross-browser.
Connexes
Outils similaires
Da mesma categoria.
Convertisseur SVG en réaction
Collez votre code SVG sale et obtenez un composant React optimisé prêt et formaté pour le Web moderne.
Testeur d'expressions régulières
Validez vos expressions régulières avec des surlignages dynamiques.
Éditeur de tableaux Markdown
Créez et modifiez visuellement des tableaux Markdown avec export facile.
Formateur SQL
Embellissez et indentez vos requêtes SQL compliquées de manière transparente.
Formateur JSON
Embellissez, validez et réduisez rapidement vos objets JSON.
Analyseur d'expressions Cron
Convertissez instantanément les expressions cron en langage naturel.