Générateur CSS box-shadow

Créez des ombres CSS en réglant le décalage, le flou, l’étalement et la couleur.

box-shadow: 0px 12px 30px -8px rgba(15, 23, 42, 0.25);

Comment ça marche

Réglez le décalage horizontal et vertical, le flou, l'étalement, la couleur et l'opacité. Le code box-shadow se met à jour en temps réel.

Questions fréquentes

Puis-je créer une ombre intérieure ?

Oui. Activez l’option inset pour créer une ombre intérieure.

Quel code génère-t-il ?

Générez une déclaration CSS box-shadow prête à copier.