MoaKit
Todas las herramientas

Generador de box-shadow

Apila varias capas de sombra para un box-shadow natural, con ajustes como neumorfismo y brutalismo, y clase de Tailwind.

프리셋

그림자 층 3개

px
px
px
px
%

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

¿Qué es Generador de box-shadow?

Te permite ajustar la posición, el desenfoque y el color de un box-shadow mientras ves el resultado, y genera el código CSS.

Cómo se usa

  1. Ajusta la posición horizontal y vertical y la cantidad de desenfoque.
  2. Elige el color y la opacidad de la sombra.
  3. Copia el código CSS.

Consejos

  • Un desenfoque grande con poca opacidad da una sombra suave.
  • Superponer varias sombras se ve mucho más natural.