CSS 박스 그림자 생성기
하나 이상의 그림자 레이어에 대해 오프셋·흐림·확산·색상·투명도를 조정하면 박스가 실시간으로 갱신됩니다. 프리셋으로 시작하거나 직접 만든 뒤 생성된 CSS를 복사할 수 있습니다.
Preview
px
10%
레이어 1
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);사용 방법
- 오프셋·흐림·확산·색상을 조정하거나 프리셋을 고릅니다.
- 겹친 효과가 필요하면 그림자 레이어를 추가합니다.
- 생성된 CSS를 복사합니다.
자주 묻는 질문
- inset 옵션은 무엇을 하나요?
- 그림자를 박스 바깥이 아닌 안쪽에 그려서 눌린 듯한 느낌을 만듭니다.
- 그림자 레이어는 몇 개까지 쌓을 수 있나요?
- 각각 고유한 오프셋·흐림·확산·색상을 가진 레이어를 최대 5개까지 쌓을 수 있습니다.
개인정보 처리
그림자는 브라우저에서 생성되며 서버로 전송되지 않습니다.