Box Shadow
Ombres CSS
0px
4px
12px
0px
25%
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);Questions fréquentes
Quels sont les paramètres de box-shadow ?
Box-shadow prend : décalage horizontal, décalage vertical, rayon de flou, rayon d'expansion (optionnel) et couleur. Exemple : box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.3).
Comment créer une ombre réaliste ?
Utilisez plusieurs ombres superposées avec différentes valeurs de flou, gardez les ombres subtiles (faible opacité) et considérez la direction de la source lumineuse.
Qu'est-ce que l'ombre inset ?
Ajouter le mot-clé "inset" crée une ombre intérieure, faisant paraître l'élément enfoncé. Utile pour les champs de saisie et les boutons.