🟦

CSS 박스 그림자 생성기 무료 온라인 — box-shadow 코드 생성

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

H-offset 4px

V-offset 4px

Blur 10px

Spread 0px

그림자 색상

투명도 (Alpha) 20%

inset (안쪽 그림자)

미리보기

생성된 CSS 코드

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);

자주 묻는 질문

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

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

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

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

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

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

파일이 서버에 저장되나요?

아니요. 모든 처리는 브라우저 안에서만 이루어지며 파일은 서버로 전송되지 않습니다. 완전히 안전합니다.