Qu'est-ce que CSS box-shadow
**box-shadow** est une propriété CSS qui ajoute des ombres aux éléments HTML. C'est une technique essentielle de conception web qui peut exprimer la profondeur et la dimensionnalité en utilisant uniquement du code CSS sans images.
Paramètres box-shadow
**box-shadow** est spécifié dans l'ordre 'décalage-horizontal décalage-vertical flou étendue couleur'. Les décalages horizontal et vertical déterminent la position de l'ombre, le flou contrôle la douceur du bord, l'étendue contrôle la taille de l'ombre et la couleur peut être spécifiée avec **RGBA** incluant la transparence.
inset (Ombre intérieure)
L'ajout du mot-clé **inset** dessine l'ombre à l'intérieur de l'élément plutôt qu'à l'extérieur. Convient pour exprimer des entrées de formulaire en retrait ou des états de bouton pressé.
Superposition de plusieurs ombres
Plusieurs **box-shadows** peuvent être spécifiés avec une séparation par virgule pour superposer les ombres. La conception **Neumorphism** combine des ombres claires et sombres pour exprimer une texture tridimensionnelle.