Back to Tools

CSS Shadow Generator

Créez des box-shadow CSS avec aperçu en direct et presets

100% FreeRuns in your browserNo sign-up

About this tool

Créez le box-shadow CSS parfait avec un éditeur visuel. Partez de presets Material Design, Soft UI ou neumorphisme, ou construisez le vôtre de zéro. Empilez plusieurs couches d'ombres, ajustez les décalages, le flou, l'étendue et la couleur, et voyez les changements en temps réel. Copiez le CSS en un clic pour vos maquettes aukimi Inkwell ou sites web. Part of aukimi Inkwell.

Features

  • Presets Material, Soft UI et personnalisés
  • Couches d'ombres multiples
  • Décalage, flou, étendue et couleur ajustables
  • Aperçu en direct sur formes personnalisables
  • Copie CSS en un clic

Use cases

Stylisation d'ombres de cartes et panneauxDesign UI neumorphismePrototypage de systèmes d'élévation

Found this useful? Share it

Help others discover free creative tools

Create a free account to remove watermarks

Save your work, access the full creative suite, and export without watermarks.

Sign Up Free

Want more power?

Try aukimi Inkwell

Édition bitmap professionnelle avec calques, masques, filtres et support tablette complet.