🔲

박스 그림자 생성기

CSS box-shadow를 시각적으로 생성합니다

그림자

그림자 1

X 오프셋5px

Y 오프셋5px

블러15px

스프레드0px

색상

Inset

CSS 코드

box-shadow: 5px 5px 15px 0px #00000040;

📖 사용법

X, Y 오프셋을 조절하여 그림자 위치를 설정하세요
블러와 스프레드로 그림자 크기를 조절하세요
색상을 선택하세요
여러 그림자를 추가하여 레이어드 효과를 만드세요

✨ 주요 기능

✓시각적 에디터
✓다중 그림자 레이어
✓Inset 옵션 지원
✓실시간 미리보기
✓CSS 코드 자동 생성

❓ 자주 묻는 질문

Q. Inset이 무엇인가요?

A. Inset은 그림자를 박스 안쪽에 표시합니다. 눌린 효과를 만들 때 유용합니다.

Q. 여러 그림자를 어떻게 사용하나요?

A. 그림자 추가 버튼으로 여러 그림자를 겹쳐 입체감 있는 효과를 만들 수 있습니다.

🔗 관련 도구

그라데이션 생성기 텍스트 그림자 생성기 Border Radius 생성기 CSS 압축기

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

박스 그림자 생성기 - 무료 온라인 도구 | Foxi Tools