Générateur d'ombres CSS (box-shadow)
Concevez visuellement des ombres portées douces et réalistes en CSS avec aperçu en temps réel et copiez le code box-shadow.
- Gratuit
- Sans inscription
- S’exécute dans votre navigateur
- Fonctionne sur mobile
Générateur d'ombres CSS (box-shadow) en un coup d’œil
- Entrée
- Décalage X, Y, flou, étalement, couleur et opacité
- Sortie
- Code CSS box-shadow
- Confidentialité
- Tout se passe sur votre appareil. Rien n’est envoyé sur nos serveurs.
- Prix
- Gratuit, sans compte, sans filigrane.
Comment utiliser Générateur d'ombres CSS (box-shadow)
- 1Ajustez les curseurs de décalage horizontal, vertical et de flou (blur).
- 2Choisissez la teinte de l'ombre et son intensité.
- 3Copiez la propriété CSS box-shadow générée.
Fonctionnalités
- Réglage du flou, de l'étalement (spread) et du décalage X/Y.
- Prise en charge des ombres internes (inset).
- Option multi-ombres pour un effet de profondeur doux et réaliste.
- Gratuit et immédiat.
FAQ Générateur d'ombres CSS (box-shadow)
Comment obtenir un effet d'ombre très réaliste ?
Superposez deux ombres douces avec un faible niveau d'opacité plutôt qu'une seule ombre noire très marquée.
Est-ce gratuit ?
Oui, sans frais et sans restriction.
Outils associés
Générateur de dégradés CSS (CSS Gradient)Créez visuellement des dégradés de couleurs linéaires, radiaux ou coniques et copiez le code CSS background-image instantanément.Générateur d'arrondis CSS (border-radius)Créez visuellement des formes organiques et des bordures arrondies personnalisées pour vos boutons et cartes en CSS.Minificateur CSS en ligne (CSS Minify)Compressez vos feuilles de style CSS en éliminant les espaces, commentaires et derniers points-virgules pour des sites ultra rapides.Décodeur Base64 en ligneRétablissez le texte clair d'origine à partir d'une chaîne encodée en Base64 en décodant parfaitement l'UTF-8.
Plus d’outils developer toolsDernière mise à jour