Ajustez le décalage horizontal et vertical, le flou, l'étalement et la couleur pour construire un box-shadow. L'aperçu se met à jour en direct. Copiez le CSS. S'exécute dans votre navigateur.
box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2);
À propos du Générateur de box-shadow CSS
Box-shadow ajoute une ombre derrière un élément. Cet outil permet de définir le décalage horizontal et vertical, le rayon de flou, l'étalement et la couleur (avec inset optionnel). L'aperçu et le CSS se mettent à jour lorsque vous modifiez les valeurs. Copiez le résultat dans votre feuille de style.
Comment utiliser
- Ajustez le décalage, le flou, l'étalement et la couleur. Cochez Inset pour une ombre intérieure.
- Copiez le CSS généré et collez-le dans votre projet.
Questions fréquentes
Qu'est-ce que inset ?
Inset dessine l'ombre à l'intérieur de l'élément au lieu de l'extérieur. Utile pour des effets enfoncés ou en creux.
Mon entrée est-elle envoyée à un serveur ?
Non. Le CSS est construit dans votre navigateur. Rien n'est envoyé.
Puis-je utiliser plusieurs ombres ?
Cet outil génère une seule ombre. Pour plusieurs ombres, copiez la sortie et ajoutez d'autres valeurs séparées par des virgules à box-shadow.