Générateur de box-shadow CSS
Concevez visuellement des ombres CSS pour vos éléments web. Ajustez le décalage, le flou, l'étalement, la couleur et l'opacité avec des curseurs en temps réel,…
Concevez visuellement des ombres CSS pour vos éléments web. Ajustez le décalage, le flou, l'étalement, la couleur et l'opacité avec des curseurs en temps réel, ajoutez plusieurs couches d'ombre et copiez le code CSS en un clic.
Supporte les ombres extérieures et intérieures (inset), avec prévisualisation en temps réel sur fond personnalisable.
Comment l'utiliser
-
Ajustez les curseurs
Modifiez chaque paramètre et voyez l'ombre se mettre à jour en temps réel.
-
Ajoutez des couches
Cliquez sur "Ajouter une ombre" pour combiner plusieurs ombres.
-
Copiez le CSS
Copiez le code généré et collez-le dans votre feuille de style.
Questions fréquentes
Oui. Cliquez sur Ajouter une ombre pour empiler plusieurs couches. Chacune est configurée indépendamment. CSS supporte plusieurs box-shadows séparées par des virgules.
Le flou contrôle la douceur des bords de l'ombre. L'étalement agrandit ou rétrécit la taille globale de l'ombre avant le flou.
Inset fait apparaître l'ombre à l'intérieur de l'élément au lieu de l'extérieur, créant un effet enfoncé.
Copiez la valeur CSS et collez-la dans votre feuille de style : box-shadow: [valeur générée];
Outils similaires
Compteur de mots
Comptez mots, caractères, phrases et paragraphes dans n'importe quel texte instantanément…
Générateur de mots de passe
Générez des mots de passe forts et cryptographiquement sécurisés instantanément. Choisiss…
Générateur de QR codes
Générez des QR codes pour n'importe quelle URL, texte ou coordonnées instantanément. Télé…
Convertisseur JPG vers PNG
Convertissez des images JPEG en format PNG instantanément dans votre navigateur. Aucun en…