Box Shadow Generator — CSS box-shadow 생성기

사용 방법

1. 슬라이더를 움직여 X/Y 오프셋, 블러, 스프레드를 조절합니다.
2. 색상과 불투명도를 선택하고 필요 시 Inset을 체크합니다.
3. 미리보기를 확인한 후 생성된 box-shadow 코드를 복사합니다.

자주 묻는 질문

Inset(내부 그림자)은 어떤 경우에 사용하나요?

Inset은 요소 안쪽에 그림자를 표현합니다. 눌린 버튼, 오목한 입력 필드 등의 효과를 줄 때 사용합니다.

여러 겹의 box shadow를 적용할 수 있나요?

box-shadow 값을 쉼표로 연결하면 여러 겹의 그림자를 적용할 수 있습니다. 이 Box Shadow Generator에서 생성한 코드를 기반으로 쉼표를 추가하여 확장하세요.