Toolzy

Gerador de Box Shadow CSS

Crie sombras de caixa CSS com uma pré-visualização ao vivo.

box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);

Ajuste o deslocamento, o desfoque, a expansão, a cor e a opacidade para criar um box-shadow e copie o CSS.

Como usar

  1. Arraste os controles deslizantes para moldar a sombra.
  2. Escolha uma cor e a opacidade.
  3. Copie o CSS.

Perguntas frequentes

O que o inset faz?
Ele desenha a sombra dentro do elemento em vez de fora.
Posso sobrepor sombras?
Sim, combine vários valores de box-shadow separados por vírgulas manualmente.

Ferramentas relacionadas