무료 CSS Box Shadow 생성기 온라인
오프셋·블러·확산·색상을 조정해 CSS box-shadow를 만드는 무료 도구입니다. 브라우저에서 처리됩니다.
Loading tool…
사용 방법
- 그림자 슬라이더와 색상을 조정합니다.
- 필요한 경우 인셋 옵션을 켭니다.
- 그림자 미리보기를 확인합니다.
- 생성된 CSS를 복사합니다.
CSS Box Shadow Generator 소개
CSS Box Shadow 생성기는 오프셋, 블러, 확산(spread), 색상, 인셋(inset) 옵션을 조절해 box-shadow를 디자인하고 CSS를 복사할 수 있는 도구입니다. 카드, 버튼, 모달에 유용하며 모든 처리는 브라우저 안에서 실행됩니다.
주요 기능
- 오프셋·블러·확산·색상 조정
- 인셋 그림자 옵션
- 실시간 미리보기
- 생성된 CSS 복사
- 브라우저에서 완전히 처리
이 도구는 브라우저에서 실행됩니다. 파일과 텍스트는 서버로 업로드되지 않으며, 입력 내용을 저장하지 않습니다.
자주 묻는 질문
확산(spread) 값은 무엇인가요?+
확산 값은 블러가 적용되기 전에 그림자의 크기를 늘리거나 줄입니다.
안쪽 그림자를 만들 수 있나요?+
네. 인셋 옵션을 활성화하면 요소 안쪽으로 그림자가 생성됩니다.
입력한 내용이 업로드되나요?+
아니요. CSS는 브라우저 안에서만 생성됩니다.