Qu’est-ce que box-shadow ?
Créez des box-shadow CSS multicouches avec aperçu en direct, option inset et contrôles précis.
box-shadow est une propriété CSS qui dessine une ou plusieurs ombres derrière (ou à l’intérieur d’un élément).
Chaque ombre utilise des décalages horizontal et vertical, un rayon de flou, une diffusion optionnelle et une couleur avec alpha ; ajoutez inset pour en faire une ombre interne.
Les couches multiples sont séparées par des virgules, ce qui permet d’empiler des ombres subtiles pour créer de la profondeur, de la lueur ou des bords nets.
- Utilisez de petits décalages avec plus de flou pour une élévation douce.
- Utilisez une opacité plus élevée avec peu de flou pour des bords plus nets.
- Combinez une ombre externe avec une ombre interne pour ajouter de la profondeur.
- Limitez le nombre de couches pour de meilleures performances.