Linker Services
🟦

박스 그림자 생성기

슬라이더로 CSS box-shadow 코드를 즉시 생성하세요

4px
4px
10px
0px
20%
미리보기
생성된 CSS 코드
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);

자주 묻는 질문

Q. 여러 겹의 그림자를 설정할 수 있나요?

네, 여러 box-shadow 레이어를 추가하여 복잡한 그림자 효과를 만들 수 있습니다.

Q. inset 그림자도 생성할 수 있나요?

네, 내부(inset) 그림자 옵션을 선택하여 안쪽 그림자를 만들 수 있습니다.

Q. CSS 코드를 바로 복사할 수 있나요?

생성된 box-shadow CSS 코드를 복사 버튼으로 바로 복사할 수 있습니다.