Outils gratuits
Français
Générateur d’ombres CSS
Générateur d’ombres CSS — Choisissez des dimensions ou couleurs et vérifiez le résultat. Les données de l’outil restent sur votre appareil. Sans inscription.
Sans inscription
Chargement de l’outil…
Mode d’emploi
- 1Entrez vos valeurs et choisissez les options.
- 2Exécutez l’outil et vérifiez le résultat.
- 3Copiez le résultat ou changez les données pour comparer.
À savoir
Vérifiez plages et unités. Les résultats dépendent de vos données et du navigateur.
Les annonces peuvent traiter des données de connexion. La personnalisation respecte vos choix de confidentialité. Confidentialité (anglais)
Exemple calculé d’entrée et de sortie
Résultats du moteur réel avec les valeurs ci-dessous, sans données personnelles ni travail enregistré. Chargez l’exemple pour retrouver ces entrées.
Entrée d’exemple
| Champ | Valeur |
|---|---|
| Décalage horizontal (px) | 0 |
| Décalage vertical (px) | 8 |
| Flou (px) | 24 |
| Étalement (px) | 0 |
| Couleur | #0F766E |
| Opacité (%) | 25 |
Résultat d’exemple
box-shadow: 0px 8px 24px 0px rgba(15, 118, 110, 0.25);
Conditions de saisie
Il s’agit des limites réelles de validation, sans garantie que toute valeur admise soit réaliste ou adaptée à votre situation.
- Décalage horizontal (px): Plage admise: -1 000 ≤ x ≤ 1 000
- Décalage vertical (px): Plage admise: -1 000 ≤ x ≤ 1 000
- Flou (px): Plage admise: 0 ≤ x ≤ 1 000
- Étalement (px): Plage admise: -1 000 ≤ x ≤ 1 000
- Opacité (%): Plage admise: 0 ≤ x ≤ 100