Générateur de box-shadow CSS

Foire aux questions

• Puis-je superposer plusieurs ombres ?

  Oui. Ajoutez jusqu'à 8 couches d'ombre : elles sont rendues dans l'ordre (la première couche au-dessus). C'est ainsi que sont construits les effets de profondeur et les effets neumorphiques, en superposant une ombre sombre en bas à droite avec une ombre plus claire en haut à gauche.

• Quelle est la différence entre blur et spread ?

  Blur adoucit le bord de l'ombre (plus élevé = plus diffus). Spread agrandit ou rétrécit uniformément la taille de l'ombre avant le flou (positif = plus grand, négatif = plus petit que l'élément).

• À quoi sert inset ?

  Inset rend l'ombre à l'intérieur de l'élément plutôt qu'à l'extérieur : utile pour les lueurs internes, les effets enfoncés et les aspects de boutons pressés.

• Cela fonctionne-t-il dans tous les navigateurs ?

  Oui. box-shadow est CSS3 et pris en charge par tous les navigateurs depuis IE9, y compris sur mobile.