CSS Box Shadow 생성기
슬라이더로 box-shadow를 시각적으로 조정. 다중 레이어, inset 전환, 실시간 미리보기, 원클릭 CSS 복사.
완전 무료
가입 불필요
브라우저 완결
5 개 언어
다크 모드
그림자 레이어
미리보기
12px
CSS
프리셋
❓ 자주 묻는 질문
어디에 붙여넣나요?
CSS 셀렉터 내부에. 예: .card { box-shadow: ... }
inset 이란？
요소 안쪽에 그림자를 그림. 눌린 버튼 같은 효과
여러 그림자를 결합하는 이유？
부드러운 가까운 그림자와 긴 먼 그림자를 겹치면 입체감 (Material Design / Apple HIG 활용)
🐛 이 도구에서 문제가 발생했나요?
무료 · 가입 불필요. 재현 절차만이라도 도움이 됩니다. 보고는 운영자에게 직접 전달되어 개선에 사용됩니다.
✅
보고 감사합니다!
운영자에게 전달되었습니다. 개선에 사용됩니다.