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

Tous les outils
Générateur d'ombre portée CSS
Composez des ombres portées CSS en couches avec des curseurs en direct pour le décalage, le flou, l'étalement, la couleur, l'opacité et le mode intérieur — prévisualisez sur un vrai élément et copiez le CSS prêt à coller instantanément.
Aperçu en direct
Aperçu en direct
CSS
box-shadow: —;

Tout se met à jour en direct dans votre navigateur — aucun téléversement, aucune inscription, entièrement gratuit.

Couches d'ombre
px
px
px
px
Couleur de l'ombre
20%
Élément et toile
16px
Préréglages
Partager
Outils similaires
Générateur de signature e-mail

Créez une signature e-mail HTML professionnelle parmi 30 modèles, personnalisez-la et enregistrez-la.
Formateur de code

Embellissez HTML, CSS et JavaScript — réindentez et ajoutez des sauts de ligne pour rendre lisible un code minifié ou désordonné.
Générateur de QR code

Créez un QR code (URL, texte, Wi-Fi, vCard…) en PNG.
Icône en PNG

Convertissez Bootstrap Icons, Font Awesome et plus en images PNG personnalisées — gratuit, dans votre navigateur.
Générateur d'icônes d'app

Générez un jeu complet d'icônes prêtes à publier pour l'App Store et Google Play — superbes fonds dégradés, mesh et motifs, à partir de votre logo.
Générateur de favicon

Créez un pack complet de favicons à partir d'un logo, d'une icône ou d'un monogramme — favicon.ico, PNG modernes, icône Apple, icônes PWA, manifeste web et extrait HTML.
Recherches populaires
générateur css box shadow box shadow css générateur d'ombre en ligne créateur css shadow box shadow en couches inset shadow css

Ajoutez cet outil gratuit à votre propre site web — copiez-collez le code ci-dessous.