Générateur de CSS Box Shadow
Générateurs & Design · Outil en ligne gratuit
Générer visuellement du CSS box-shadow avec aperçu en direct.
Paramètres
box-shadow: 0px 10px 20px 0px #00000040;
Aperçu en direct
Voyez l'ombre se transformer en temps réel pendant que vous faites glisser les curseurs.
Support inset
Basculez inset pour les ombres intérieures et effets de profondeur.
Canal alpha
L'opacité se convertit automatiquement en canal alpha HEX pour un support large.
Comment utiliser Générateur de CSS Box Shadow
- 1Configure the generator settings (colors, size, format, etc.).
- 2Enter any required input text or data.
- 3Click generate to create the output.
- 4Download or copy the generated result.
Fonctionnalités
- ✓100% gratuit — sans inscription, sans abonnement, sans publicité
- ✓Fonctionne entièrement dans votre navigateur — vos données ne quittent jamais votre appareil
- ✓Rapide et léger — résultats instantanés
- ✓Multiplateforme — compatible ordinateur, tablette et mobile
Questions fréquentes
Can I use the generated content commercially?
Yes, all generated content (QR codes, gradients, colors) is free for personal and commercial use.
What output formats are available?
QR codes can be downloaded as PNG or SVG. Gradients generate CSS code. Colors output in HEX, RGB, and HSL.
Can I customize colors and size?
Yes. Every generator exposes its own controls — foreground/background colors, dimensions, and error-correction level for QR codes.
Do the generated QR codes expire?
No. The QR code encodes your data directly into the image, so it keeps working indefinitely and does not depend on any redirect service.
Outils associés
Générateur de CSS Border Radius
Ajuster visuellement le rayon des quatre coins et générer le CSS.
Générateur Flexbox
Générer visuellement le CSS de mise en page flexbox.
Générateur de CSS Grid
Glisser pour générer le CSS de mise en page grid-template.
Générateur de CSS Transform
Générer visuellement translate/rotate/scale/skew.
Générateur d'animation CSS
Éditer visuellement les keyframes et générer @keyframes.
Générateur de CSS Text Shadow
Générer du CSS multi-couches de text-shadow.
Générateur d'image de substitution
Générer des images de substitution avec taille/couleur/texte personnalisés.
Générateur d'avatar
Générer des avatars géométriques identicon à partir de chaînes.