Générateur d’ombres CSS
Superposez jusqu’à 8 couches de box-shadow avec décalage, flou, étendue, couleur et inset, prévisualisez-les et copiez le CSS.
- Fonctionne dans votre navigateur
- Aucun envoi
- Le résultat reste sur votre appareil
Confidentialité et limitesS’exécute dans votre navigateur. Rien n’est envoyé.
Le contenu des entrées reste dans cet onglet ; Refentra ne l’envoie ni ne le stocke. Les comptages agrégés facultatifs d’actions sont envoyés uniquement avec votre consentement à la mesure d’usage. Effacez l’espace après usage.
Profil pris en charge: 1–8 couches px modifiables, inset et alpha 0–1 ; flou non négatif.
Maximum 200 000 unités UTF-16 ; les parseurs peuvent limiter davantage. Worker : 15 secondes (regex 1,5 seconde).
Vérifier la saisie et le résultat
- Préparer et choisir l’opération
Réglez les décalages horizontal et vertical, le flou, l’étendue, la couleur et l’alpha de chaque couche. Activez inset pour une ombre intérieure.
- Vérifier un exemple concret
Essayez cet exemple et comparez le résultat indiqué : x=0 y=4 blur=8 spread=0 color=#000000 alpha=0.25 → 0px 4px 8px 0px rgba(0, 0, 0, 0.25)
- Examiner avant de réutiliser la sortie
Examinez l’ombre composée sur un fond contrasté. Les couches multiples sont séparées par des virgules et gardent leur ordre.
Réponses pour cette tâche
Pourquoi une ombre peut-elle disparaître après la copie ?
Un élément parent qui rogne ou masque le débordement peut la couper ; un alpha de 0 ou un fond identique peut aussi cacher une ombre pourtant valide.
Que vérifier si la saisie échoue ?
Fournissez de 1 à 8 couches valides. Le flou ne peut pas être négatif et l’alpha doit être compris entre 0 et 1. Les décalages et l’étendue peuvent être négatifs.
Quelles sont les limites de cet outil ?
La sortie stylise la boîte de l’élément : elle ne génère pas de text-shadow et ne suit pas le contour opaque d’une image transparente.