# Générateur d'ombres CSS

> Prévisualise une ombre CSS et copie le code.

[Open tool](https://www.toolcabana.com/fr/box-shadow) · [Développement et données](https://www.toolcabana.com/fr/category/developer-and-data)

Tool ID: box-shadow. Requested language: fr. Description language: fr. Complete guide translation: yes.

## Overview (en)

Color CSS shadow generator builds a box-shadow declaration from horizontal and vertical offsets, blur, spread, a shadow color and an opacity from 0 to 1, with an optional inset shadow. It shows a live preview card and outputs a ready-to-copy CSS line that writes the color as rgba.

## Supported tasks (fr)

Prévisualise une ombre CSS et copie le code.

## Steps (fr)

1. Ajustez les valeurs ; un résultat initial est calculé à partir des valeurs par défaut.
2. Modifiez les paramètres de base ou ouvrez le mode avancé pour affiner le résultat.
3. Vérifiez puis copiez ou téléchargez votre résultat. Suspendez les résultats en direct pour lancer le calcul manuellement. Les sources ou paramètres individuels de plus de 20 000 caractères nécessitent un lancement explicite.

## Settings

- Décalage horizontal (px) (fr; key: x; type: number)
- Décalage vertical (px) (fr; key: y; type: number)
- Flou (px) (fr; key: blur; type: number); minimum: 0; maximum: 200
- Propagation (px) (fr; key: spread; type: number)
- Couleur de l'ombre (fr; key: color; type: color)
- Opacité (fr; key: opacity; type: range); minimum: 0; maximum: 1
- Inset (fr; key: inset; type: checkbox)

## Limitations (fr)

Utilisez des nombres finis, des dates valides et les plages indiquées par chaque contrôle. Les valeurs invalides produisent une erreur sans résultat téléchargeable.

## Example input

```text
Hello ToolCabana
```

## Privacy and connections (fr)

Cette opération traite sa source dans votre navigateur. La copie et le téléchargement sont des actions explicites ; la saisie source n'est enregistrée ni dans un compte ni dans l'historique.

## Questions (fr)

### How do I make an inset box shadow in CSS?

Turn on the Inset option. The generated declaration then starts with the inset keyword, and the preview card shows the shadow inside its edges instead of outside.

### How do I set the transparency of a CSS shadow?

Use the Opacity slider, from 0 to 1 in steps of 0.01. The chosen color is converted to rgba with that alpha value, so the default of 0.15 gives a soft shadow.

### What is the maximum blur for the shadow generator?

Blur accepts whole pixel values from 0 to 200. The horizontal and vertical offsets and spread can be negative, which moves or shrinks the shadow.

### Où ma saisie est-elle traitée ?

Cette opération traite sa source dans votre navigateur. La copie et le téléchargement sont des actions explicites ; la saisie source n'est enregistrée ni dans un compte ni dans l'historique.

### Quelles sont les limites de saisie ?

Utilisez des nombres finis, des dates valides et les plages indiquées par chaque contrôle. Les valeurs invalides produisent une erreur sans résultat téléchargeable.

## Related tools

- [Certificate decoder](https://www.toolcabana.com/fr/certificate-decoder)
- [API request builder](https://www.toolcabana.com/fr/api-request)
- [JSON to Dart model](https://www.toolcabana.com/fr/json-to-dart)
- [JSON to TypeScript](https://www.toolcabana.com/fr/json-to-typescript)