콘텐츠로 건너뛰기

🌫 CSS box-shadow 생성기

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

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

🔒 개인정보 보호

그림자 레이어

프리셋

📖 사용법

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

❓ 자주 묻는 질문

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