MoaKit
Todas as ferramentas

Gerador de box-shadow

Empilhe várias camadas de sombra para um box-shadow natural, com predefinições como neumorfismo e brutalismo, e classe Tailwind.

프리셋

그림자 층 3개

px
px
px
px
%

그림자는 여러 겹을 옅게 쌓을수록 실제 빛처럼 자연스러워요. 색은 검정보다 배경과 어울리는 짙은 색이 좋아요.

O que é Gerador de box-shadow?

Permite ajustar a posição, o desfoque e a cor de um box-shadow enquanto você vê o resultado, e gera o código CSS.

Como usar

  1. Ajuste a posição horizontal e vertical e a quantidade de desfoque.
  2. Escolha a cor e a opacidade da sombra.
  3. Copie o código CSS.

Dicas

  • Um desfoque grande com baixa opacidade resulta em uma sombra suave.
  • Sobrepor várias sombras fica muito mais natural.