Toolipedia
FR
← Tous les outils texte

Générateur d'ombre de boîte CSS

Créez des ombres de boîte avec des curseurs et un aperçu en direct, puis copiez le CSS.

  • Gratuit
  • Sans inscription
  • Fonctionne sur tous les appareils

À propos de Générateur d'ombre de boîte CSS

Réglez le décalage, le flou, l'étalement, la couleur et l'opacité sur un aperçu en direct et copiez la déclaration box-shadow. Les valeurs sont, dans cet ordre, le décalage x, le décalage y, le rayon de flou, le rayon d'étalement et la couleur. Ajoutez inset pour dessiner l'ombre à l'intérieur de la boîte, et gardez une opacité faible pour un rendu naturel.

Comment utiliser Générateur d'ombre de boîte CSS

  1. Réglez les options ci-dessus. Le résultat se met à jour en direct.
  2. Ajustez jusqu’à obtenir le résultat parfait.
  3. Copiez le résultat ou téléchargez-le.

Pourquoi utiliser cet outil ?

Aussi appelé

Questions fréquentes

À quoi sert la valeur d'étalement dans box-shadow ?

L'étalement agrandit ou réduit l'ombre avant l'application du flou. Un nombre positif la rend plus grande que la boîte, un nombre négatif la rend plus petite, ce qui est pratique pour des ombres d'un seul côté.

Générateur d'ombre de boîte CSS est-il gratuit ?

Oui. Générateur d'ombre de boîte CSS est gratuit sur Toolipedia, sans inscription et sans filigrane.

Est-ce sûr ?

Oui. Tous les calculs se font dans votre navigateur et rien de ce que vous saisissez n’est envoyé à notre serveur.

Est-ce que ça fonctionne sur mon téléphone ?

Oui. L’outil fonctionne dans tout navigateur récent sur Android et iPhone, ainsi que sur tablette et ordinateur. Il n’y a rien à installer.

Faut-il un compte ?

Non. Ouvrez simplement la page et utilisez l’outil. Aucune inscription ni adresse e-mail n’est nécessaire.

Outils similaires