ToolPilot
Design

Générateur de box-shadow CSS

Concevez des ombres CSS box-shadow superposées avec un aperçu en direct et du code prêt à copier.

Créez des ombres douces et réalistes en combinant plusieurs couches. Ajustez le décalage, le flou, l'étendue, la couleur et le mode inset, puis copiez le CSS.

Chargement de l'outil…
Confidentialité : Un utilitaire ToolPilot rapide et privé. Vos données sont traitées localement dans votre navigateur chaque fois que possible.

Comment

  1. 1Ajustez les curseurs de l'ombre.
  2. 2Ajoutez une seconde couche pour la profondeur si nécessaire.
  3. 3Copiez le CSS généré.

Questions fréquentes

Pourquoi utiliser plusieurs ombres ?

Superposer une ombre serrée et une ombre large et douce paraît plus naturel qu'un seul flou.

Mes fichiers sont-ils envoyés à un serveur ?

Non. Cet outil fonctionne entièrement dans votre navigateur avec JavaScript et WebAssembly lorsque nécessaire. Vos fichiers et votre texte ne quittent jamais votre appareil.

Aidez-nous à nous améliorer

Nous améliorons régulièrement nos outils. Vous avez trouvé un problème ou une suggestion ? Nous vous écoutons.

Outils associés

🎨

Sélecteur de couleur + HEX/RGB/HSL

🎯

Convertisseur HEX / RGB / HSL

🌈

Générateur de palettes

🌊

Générateur de dégradés CSS