Box Shadow 생성기 - CSS box-shadow를 시각적으로 생성

사용 방법

1. 슬라이더로 X/Y/Blur/Spread/Color 조정
2. 여러 그림자 레이어 추가 가능
3. CSS 코드를 복사해서 사용하세요

FAQ

여러 그림자를 추가할 수 있나요?

네. 여러 box-shadow 값을 겹쳐서 설정할 수 있습니다.

생성된 CSS를 그대로 사용할 수 있나요?

네. 복사한 코드를 CSS 파일에 그대로 붙여넣어 사용할 수 있습니다.

inset 그림자를 지원하나요?

네. 내부 그림자(inset)를 ON/OFF로 전환할 수 있습니다.

데이터가 서버로 전송되나요?

모든 처리는 브라우저에서 이루어지며, 데이터는 서버로 전송되지 않습니다.

그림자가 의도한 대로 표시되지 않을 때는 어떻게 하나요?

blur(흐림), spread(확산), 색상 투명도 값을 조정해 보세요. inset 옵션의 활성화 여부도 확인해 보세요.

관련 도구