🔳

CSS 박스 그림자 생성기

무료 CSS box-shadow 생성기, 실시간 미리보기 지원. 시각적으로 박스 그림자를 만드세요.

Offset X 5px Offset Y 5px Blur 15px Spread 0px 색상 불투명도 35%

Inset

CSS 코드

사용 방법

슬라이더로 오프셋, 블러, 스프레드, 색상을 조정하세요. 생성된 CSS를 복사하세요.

실시간 미리보기
다중 레이어
내부 그림자
원클릭 복사

사용 사례

카드와 버튼에 그림자 디자인
다중 레이어 그림자 효과 생성
시각적으로 CSS 코드 생성

공유

X Facebook LINE

관련 도구

CSS Gradient Generator

개발자 도구

색상 선택기

개발자 도구

Color Contrast Checker

개발자 도구