콘텐츠로 건너뛰기

🌫 CSS box-shadow 생성기

슬라이더로 box-shadow 편집. 여러 그림자를 겹치고 CSS 복사 가능.

✅ 완전 무료 · 가입 불필요 · 서버 전송 없음

🔒 개인정보 보호

그림자 레이어

프리셋

📖 사용법

  1. 1
    슬라이더 조정
    x / y 오프셋, 블러, 확장, 색상, inset 조정.
  2. 2
    레이어 겹치기
    추가 버튼으로 여러 그림자 겹치기.
  3. 3
    CSS 복사
    생성된 box-shadow를 복사.

❓ 자주 묻는 질문

데이터가 서버로 전송됩니까?
아니요. 모두 브라우저 내에서 처리됩니다.
inset란?
inset 활성화 시 요소 내부에 그림자가 그려집니다.
몇 개까지 겹칠 수 있습니까?
제한 없지만 5개 정도가 실용적.
🐛 이 도구에서 문제가 발생했나요?

무료 · 가입 불필요. 재현 절차만이라도 도움이 됩니다. 보고는 운영자에게 직접 전달되어 개선에 사용됩니다.

※ 재현을 위해 브라우저 정보 (UA / 화면 / 언어 / URL) 가 자동 전송됩니다