Toolzy

Générateur d'ombre portée CSS

Concevez des ombres portées CSS avec un aperçu en direct.

box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);

Ajustez le décalage, le flou, l'étalement, la couleur et l'opacité pour créer une box-shadow et copiez le CSS.

Comment utiliser

  1. Faites glisser les curseurs pour façonner l'ombre.
  2. Choisissez une couleur et une opacité.
  3. Copiez le CSS.

Questions fréquentes

À quoi sert inset ?
Il dessine l'ombre à l'intérieur de l'élément plutôt qu'à l'extérieur.
Puis-je superposer des ombres ?
Oui, combinez plusieurs valeurs box-shadow séparées par des virgules à la main.

Outils associés