Générateur d'ombre

Générateur CSS box-shadow gratuit en ligne. Ajustez décalage, flou, extension et couleur avec aperçu en direct. Copiez le code. Dans le navigateur.

Le générateur d'ombres CSS est un outil en ligne gratuit qui édite visuellement la propriété box-shadow. Ajustez décalage, flou, étendue et couleur avec des curseurs et un aperçu en temps réel. Supporte les ombres multiples et inset. Traitement dans le navigateur, gratuit.

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Les fichiers ne sont jamais envoyés à un serveur

Comment utiliser Générateur d'ombre ?

  1. Ajustez les valeurs de décalage, flou et étendue avec les curseurs.
  2. Définissez la couleur et l'opacité de l'ombre.
  3. Copiez le code CSS généré et utilisez-le dans votre projet.

Questions fréquentes sur Générateur d'ombre

Puis-je ajouter plusieurs ombres à la fois ?

Oui, vous pouvez ajouter plusieurs ombres pour créer des effets de profondeur complexes. Chaque ombre peut être ajustée individuellement.

Qu'est-ce qu'une ombre inset ?

Une ombre inset apparaît à l'intérieur de l'élément plutôt qu'à l'extérieur. Alors que box-shadow normal apparaît dehors, inset crée un effet enfoncé.

Outils similaires

Aperçu border-radius

Aperçu CSS border-radius gratuit en ligne. Ajustez chaque coin individuellement avec aperçu en direct et copiez le code. Dans le navigateur.

Suggestion de polices

Suggestions de polices gratuites en ligne. Découvrez des combinaisons Google Fonts pour titres et corps avec aperçu en direct. Dans le navigateur.

Générateur CSS Grid

Générateur CSS Grid gratuit en ligne. Définissez lignes, colonnes et gaps avec un éditeur visuel. Code généré automatiquement. Dans le navigateur.