본문으로 건너뛰기

박스 그림자 생성기

레이어를 하나씩 쌓아 깊이감을 만들어 보세요. 광원을 움직이고 부드러움과 색상을 조정한 후 실제 서비스에 바로 사용할 그림자 코드를 복사할 수 있습니다.

실시간 미리보기

광원을 드래그하거나 방향키를 사용하여 선택한 그림자를 이동하세요.

그림자 레이어

최대 8개 레이어를 사용할 수 있습니다. 첫 번째 활성 레이어가 맨 위에 놓입니다.

box-shadow: 0px 12px 32px -8px #0f172a33;

모든 처리는 브라우저 안에서 이루어집니다.

형식 참고 자료

도구 페이지 업데이트: