Box Shadow 생성기
그림자를 여러 겹 쌓아 자연스러운 CSS box-shadow를 만들어요. 네오모피즘·브루탈리즘 등 프리셋과 Tailwind 클래스도 있어요.
프리셋
그림자 층 3개
px
px
px
px
%
그림자는 여러 겹을 옅게 쌓을수록 실제 빛처럼 자연스러워요. 색은 검정보다 배경과 어울리는 짙은 색이 좋아요.
그림자를 여러 겹 쌓아 자연스러운 CSS box-shadow를 만들어요. 네오모피즘·브루탈리즘 등 프리셋과 Tailwind 클래스도 있어요.
그림자는 여러 겹을 옅게 쌓을수록 실제 빛처럼 자연스러워요. 색은 검정보다 배경과 어울리는 짙은 색이 좋아요.
박스 그림자(box-shadow)의 위치·흐림·색을 눈으로 보면서 조절하고 CSS 코드를 만들어 주는 도구예요.