Back to Tools

CSS Shadow Generator

Design box-shadow CSS with live preview and presets

100% FreeRuns in your browserNo sign-up

About this tool

Maak de perfecte CSS box-shadow met een visuele editor. Begin met Material Design-, Soft UI- of neumorfisme-presets, of bouw uw eigen vanaf nul. Stapel meerdere schaduwlagen, pas offset, vervaging, spreiding en kleur aan en zie wijzigingen in realtime. Kopieer de CSS met één klik voor aukimi Inkwell-mockups of live websites. Part of aukimi Inkwell.

Features

  • Material, Soft UI en aangepaste presets
  • Meerdere schaduwlagen
  • Aanpasbare offset, vervaging, spreiding en kleur
  • Live voorbeeld op aanpasbare vormen
  • CSS met één klik kopiëren

Use cases

Schaduwstijlen voor kaarten en panelenNeumorfisme UI-ontwerpPrototyping van hoogtesystemen

Found this useful? Share it

Help others discover free creative tools

HN

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

Professionele bitmapbewerking met lagen, maskers, filters en volledige tabletondersteuning.

Learn MoreCreate Free Account