Générateur d'ombres CSS

Créez des ombres CSS avec des curseurs. Aperçu en direct, copiez le code.

Aperçu

Décalage X 0px

Décalage Y 8px

Flou 24px

Étalement 0px

Couleur

Opacité 25%

Intérieur (inset)

CSS

Privé par architecture : cet outil fonctionne entièrement dans votre navigateur. Rien n'est envoyé nulle part.

Questions, réponses.

Que produit-il ?

Une valeur box-shadow prête à coller.

Qu'est-ce que inset ?

Une ombre intérieure au lieu d'une ombre extérieure — activez-le pour voir la différence.

Formatez, validez et minifiez du JSON instantanément dans votre navigateur. Rien n'est envoyé.

Convertissez un tableau JSON en CSV et téléchargez-le. Objets imbriqués aplatis.

Encodez du texte en Base64 ou décodez-le. Rapide, local, sans fioritures.